css效果之文字渐变

最新推荐文章于 2024-08-31 17:56:43 发布

转载最新推荐文章于 2024-08-31 17:56:43 发布 · 176 阅读

css 同时被 2 个专栏收录

9 篇文章

订阅专栏

前端效果

6 篇文章

订阅专栏

本文介绍了一种使用CSS实现从#f94841到#921f2d的线性渐变背景效果的方法，包括不同浏览器前缀的支持，如-webkit-, -moz-, -o-以及标准的linear-gradient()函数。此外，还展示了如何利用-webkit-background-clip属性和-webkit-text-fill-color属性使文本透明，展示背景渐变。

    background-image: -webkit-linear-gradient(#f94841,#921f2d);
    background-image: -moz-linear-gradient(#f94841,#921f2d);
    background-image: -o-linear-gradient(#f94841,#921f2d);
    background-image: linear-gradient(#f94841,#921f2d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;