码迷,mamicode.com
首页 > 其他好文 > 详细

文字颜色渐变效果

时间:2017-02-07 16:30:06      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:round   font   inline   image   16px   html   linear   class   效果   

      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>

  

文字颜色渐变效果

标签:round   font   inline   image   16px   html   linear   class   效果   

原文地址:http://www.cnblogs.com/mengruying/p/6374394.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!