文字颜色渐变效果

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>

  

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

有趣的鼠标悬浮模糊效果总结---(filter,渐变文字)

CSS 文字渐变的几种方式

android实现文字渐变效果和歌词进度的效果

#yyds干货盘点# 实现渐变文字和文字倒影

iOS如何设置滚动文字边缘渐变

background-clip实现渐变文字