1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<!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>
|
