css文字渐变

 实现文字渐变:

background-image: -webkit-linear-gradient(bottom, #0a97d3, #effcfe);
-webkit-background-clip: text; // 以文字的范围来裁剪背景图片
-webkit-text-fill-color: transparent; // 设置指定文字的填充颜色

文字渐变更多可参考:https://www.jb51.net/css/647191.html

关于 background-clip: text 更多:https://www.jianshu.com/p/ddd3775a697d

关于 text-fill-color 更多:https://www.qy.cn/jszx/detail/8958.html

posted @ 2022-04-08 16:59  拾忆-iiii  阅读(17)  评论(0编辑  收藏  举报