css 控制文字渐变色

.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>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 实现比较简单,直接上代码就可以了 代码就是上面这样咯,自己可以写个dmeo测试
    oh_flying阅读 2,839评论 0 1
  • 渐变轴线的起点和终点 @property CGPoint startPoint;@property CGPoint...
    超_iOS阅读 954评论 0 0
  • 纯属觉得有意思,大佬们勿喷 先看一个效果图: 如果你感觉有点意思的话,可以继续往下看,很简单搞定! 我们分两步来说...
    程序蜗牛阅读 1,462评论 0 5
  • 这个盼望已久的假期终于到来了,我的心里不知道是什么感受,好似调料瓶被打翻了似的。随着火车的隆隆声,我踏上...
    费小丫阅读 425评论 0 3
  • 过完五月的鲜花和美好的六一儿童节,接下来就进入一个月的复习时间了,这一周的第一天,看到群里讨论的一堆的作业,明...
    远远_634a阅读 113评论 0 0

友情链接更多精彩内容