文字添加渐变

最新推荐文章于 2025-06-19 18:06:40 发布

转载最新推荐文章于 2025-06-19 18:06:40 发布 · 55 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yanze/p/9869165.html

span {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFB59D), color-stop(0.5, #FBFFE9), to(#FFB59D));
    background: -webkit-linear-gradient(#FFB59D, #FBFFE9, #FFB59D);
    background: linear-gradient(#FFB59D, #FBFFE9, #FFB59D);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

background-clip属性的通俗作用就是指定元素背景所在的区域,有四种取值

详情可见：https://www.cnblogs.com/okgoodman/p/8665912.html

转载于:https://www.cnblogs.com/yanze/p/9869165.html