文字渐变
Posted anne_zhou
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了文字渐变相关的知识，希望对你有一定的参考价值。
<!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>
以上是关于文字渐变的主要内容，如果未能解决你的问题，请参考以下文章