なぜクリップパス、パースペクティブ＆リニアグラデーションがIE11/Edgeで動作しないのですか

Question

多角形を作成しようとしています。アニメーション効果とグラデーションをフォントで回転しようとしています。 ChromeとFirefoxは正常に動作しますが、Internet Explorer 11は正常に動作しません。私はSASSで働いています。 私はいくつかの研究を行ったことがありますが、それほど効果がありませんでした。 IE/11で特定の問題が発生しました。

• 将来性（含まプレフィックス/動作していない
  ）

• クリップパス：

• 線形勾配フォント

  display: inline-block; 
  background-image: linear-gradient(to right top, #bd74c2, #69306D); 
  -webkit-background-clip: text; 
  -ms-background-clip: text; 
  

上で動作していない作業ポリゴンありません

ここに私のコードですJSFiddle

私の研究では、このプロパティのいくつかはIE10 +で動作しますが、IE11では問題が発生していると言います。これらの不動産に取り組む別の方法がありますか？

Answer 1

IE11の問題点は、-ms-background-clip: textは動作しません。 詳細情報はcaniuseのウェブサイト上で見つけることができます：

のFirefox、ChromeとSafariは非公式 -webkit-背景クリップをサポートしています（唯一の接頭辞付き）テキスト

参考：https://caniuse.com/#search=background-clip

IE11のオプションは、あなたのフォントが平らな色に落ちる（グレースフルな劣化）、代わりにDayOneとしてsvgを使用するか、テキストをそのブラウザの画像（真剣に古い学校）に置き換えることです