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

文字渐变

时间:2018-05-21 19:32:19      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:ott   doc   .text   highlight   near   fill   clip   html   conf   

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link rel="stylesheet" href="http://at.alicdn.com/t/font_577512_r5hc57y68b29y66r.css">
        <style>
			.text-gradient {  
			    color: #b6264b;
			    font-size: 10em;
			    font-family: ‘微软雅黑‘;
			    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(249, 0, 243, 1)), to(rgba(253, 0, 31, 1)));
			    -webkit-background-clip: text;
			    -webkit-text-fill-color: transparent;
			};
        </style>
    </head>
    <body>
    	<i class="iconfont icon-chengyuanguanli text-gradient" style="font-size: 100px;"></i>
    </body>
</html>

  

文字渐变

标签:ott   doc   .text   highlight   near   fill   clip   html   conf   

原文地址:https://www.cnblogs.com/zhoubingyan/p/9068352.html

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