css3文字颜色怎么渐变

Question

查了一下网上有2这种方法，一种background-image，一种-webkit-mask-image，但我试了下都没效果，请问其他有啥较好的方法吗，移动端。

Answer 1

https://blog.csdn.net/qq_3637...

Answer 2

用backgroung-image设置渐变，然后用background-clip: text设置背景只在文字上显示。firefox不需要前缀，chrome需要-webkit-前缀

Answer 3

文字上设置以下属性：
background: -webkit-linear-gradient(rgba(77,142,241,1) 1%,rgba(105,124,238,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

Answer 4

background: -webkit-linear-gradient(rgba(77,142,241,1) 1%,rgba(105,124,238,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;