css实现字体颜色设置为渐变

zengdaoqiang

于 2024-08-21 10:43:15 发布

阅读量150

点赞数 1

CC 4.0 BY-SA版权

文章标签： css 前端 css3

本文链接：https://blog.youkuaiyun.com/zengdaoqiang/article/details/141387468

span:nth-child(2) {
                /* 为了兼容性，添加一个旧的浏览器不支持渐变的正常颜色 */
                background: -webkit-linear-gradient(-60deg, #0057E7 0%, #0093CA 61%, #05C397 100%);
                background: linear-gradient(-60deg, #0057E7 0%, #0093CA 55%, #05C397 100%);
                /** 将背景颜色设置在文字中 **/
                -webkit-background-clip: text;
                background-clip: text;
                /** 字体颜色设置透明 **/
                -webkit-text-fill-color: transparent;
            }