字体颜色线性过度

 

一个字的字体颜色可能有同时存在多种，颜色像背景那样有过度效果  ，目前兼容性还不是很好

 

background:#fff;
background:-webkit-linear-gradient(left, blue, #FF302D);
background: -o-linear-gradient(right, blue, #FF302D);
background: -moz-linear-gradient(right, blue, #FF302D);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;