css3文字颜色怎么渐变

小宇
  • 423

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

回复
阅读 1.6k
4 个回答
qakcn
  • 2.7k

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

文字上设置以下属性:
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;

大白菜
  • 20

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;

宣传栏