css 控制文字渐变色

2019-07-11  本文已影响0人  风筝啊
.linear-text {
        background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));
        background: linear-gradient(to right,#ff8a00,#da1b60);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
}

使用

<span class="linear-text">渐变字体测试</span>

上一篇 下一篇

猜你喜欢

热点阅读