你可能对CSS渐变有一定的了解，比如linear-gradient和radial-gradient。但是一直没有遇到合适的使用场景。这篇文章是一个文本颜色渐变的例子，它是线性渐变的一个非常优雅的用例。先看效果贴代码页结构：ADeepCSSDiveIntoRadialAndConicGradients}:root{--rainbow-gradient:linear-gradient(-90deg,#adfbda0,#35c3ff30%,#fda39950%,#76d88070%,#ebf38b90%,#adfbda100%);}.article-header--title{背景图片：var(--rainbow-gradient,#fff);背景大小：100%；背景重复：重复；-webkit-背景剪辑：文本；：透明的;-moz-背景剪辑：文本；-moz-text-fill-color：透明；过滤器：阴影（002rem#000）；text-shadow:none!important;}在线demo地址分析对比关键部分是background-image中使用了linear-gradient，需要background-clip:text。文章首发于IICOOM-个人博客《css linear-gradient文字渐变》
