文字颜色渐变效果

Posted 梦如影

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了文字颜色渐变效果相关的知识，希望对你有一定的参考价值。

      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

<h3>文字颜色渐变</h3>

　　

以上是关于文字颜色渐变效果的主要内容，如果未能解决你的问题，请参考以下文章