Why clip-path, perspective and linear gradient on the font do not work on IE11 / Edge

Question

I'm trying to make some polygons, rotate the animation effect and gradient on fonts. Chrome and Firefox work fine, but Internet Explorer 11 is not working properly. I am working on SASS. I did some research, tried some kind of example, but didn't work. I have a problem with IE / 11.

• Assumed property (attached prefix /
  does not work)

• clip path: polygon does not work

• linear gradient not working on font

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

Here is my JSFiddle code

My research says some of these properties will work on IE10 +, but I have a problem with IE11. Is there any other way to work on this property.

Answer 1

IE11 , -ms-background-clip: text . - caniuse:

Firefox, Chrome Safari -webkit-background-clip: ( )

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

IE11 ( ), svg DayOne ( )