文字颜色渐变效果

最新推荐文章于 2025-06-25 11:43:21 发布

weixin_30709061

最新推荐文章于 2025-06-25 11:43:21 发布

阅读量74

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mengruying/p/6374394.html

本文介绍了一种使用CSS实现的文字颜色渐变效果，通过设置背景渐变并结合特定的CSS属性，使得页面上的文本能够呈现出从一种颜色逐渐过渡到另一种颜色的视觉效果。

      h3{
        
        font-size: 16px;
        font-weight: 500;
        display: inline-block;
        color: #d6a736;
        background-image: -webkit-linear-gradient(-45deg,#fae2a7 0%, #d6a736 40%, #d6a736 60%,#fae2a7 100%);
        background-image: linear-gradient(-45deg,#fae2a7 0%, #d6a736 40%, #d6a736 60%,#fae2a7 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        
      }

　　HTML