CSS3好看的渐变文字写法

一个渐变文字,

色彩还行,作为标题使用的;

image

DEMO如下:

image

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.title{
font-size: 68px;
font-weight: normal;
color: rgb(65, 133, 225);
text-transform: uppercase;
line-height: 1.2;
text-align: center;
background: -webkit-linear-gradient(left, #72e48d, #4c9ace);
background: linear-gradient(left, #72e48d, #4c9ace);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<p class="title">这是一段渐变的文字</p>
</body>
</html>

未经允许不得转载:朱邦邦的博客 » CSS3好看的渐变文字写法

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址