CSS3实现文字渐变
2020-01-03 本文已影响0人
MC桥默
往往会使用文字渐变来使得页面看起来更炫酷一点
![](https://img.haomeiwen.com/i19541867/17f7645f6cf36bbf.png)
![](https://img.haomeiwen.com/i19541867/e1f6acf21afd1ada.png)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
span {
background: linear-gradient(to right, red, blue);
/*可以改变background里面的方向关键字来控制渐变的方向*/
-webkit-background-clip: text;
color: transparent;
font-size: 30px;
}
</style>
</head>
<body>
<div>
<span>来让我渐变啊,很炫酷的</span>
</div>
</body>
</html>