大家可能遇到过需要加一些字体渐变的效果,话不多说直接上代码:
background-image: -webkit-gradient(linear, left 0, right 0, from(#ff9401), to(#ffac00));
-webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */
-webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色: */。
缺一项都不可,希望对大家有所帮助。
网友评论