往往会使用文字渐变来使得页面看起来更炫酷一点
CSS3文字渐变.png
CSS3文字渐变1.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>
网友评论