码迷,mamicode.com
首页 > Web开发 > 详细

css3 字体渐变

时间:2018-01-18 19:35:30      阅读:499      评论:0      收藏:0      [点我收藏+]

标签:lin   渐变   gpo   info   col   div   颜色   inf   font   

先看个效果

https://www.bienvillecapital.com/

技术分享图片

然后人家样式这样写的

    font-family: Overpass,Helvetica,sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 43px;
    line-height: 1.55;
  // 主要代码 背景先渐变 background: -webkit-gradient(linear,left top,left bottom,from(#baa898),to(#f66)); background: linear-gradient(#baa898,#f66);
   background: -webkit-linear-gradient(#baa898,#f66);
  //  以文本内容来剪辑背景
   background-clip: text; text-fill-color: transparent;
   -webkit-background-clip: text;
  // 让文本颜色透明 -webkit-text-fill-color: transparent;
-webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s;

 

css3 字体渐变

标签:lin   渐变   gpo   info   col   div   颜色   inf   font   

原文地址:https://www.cnblogs.com/yang-C-J/p/8311791.html

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