css的代码记录 - 文字颜色渐变

原创文章
声明：作者声明此文章为原创，未经作者同意，请勿转载，若转载，务必注明本站出处，本平台保留追究侵权法律责任的权利。
全栈老韩
全栈工程师，擅长iOS App开发、前端（vue、react、nuxt、小程序&Taro）开发、Flutter、React Native、后端（midwayjs、golang、express、koa）开发、docker容器、seo优化等。

记录一下使用到的一些css属性，这次是文字颜色渐变.

文字渐变效果：
gradient text color png

css示例代码
scss codes

css 复制代码 
&-title {
        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); // 背景进行渐变
        -webkit-background-clip: text;  // 背景应用到文字上
        color: transparent;  // 文字颜色设为透明
        font-family: Onest;
        font-size: 50px;
        font-weight: 900;
        line-height: 63.75px;
        text-align: center;
    }

仅做记录，方便取用代码。

发布于2025-02-28 09:15:46
浏览量33·

暂无评论，快来发表第一条评论吧