想在你的网站上做出漂亮的颜色渐变效果,用css能实现吗?当然
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
.p1-title {
display: inline-block;
color: #1BBDFE;
background: -webkit-gradient(linear, left center, right center, from(#1BBDFE), to(#4DF7CB));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.p1-title {
font-size: 48px;
letter-spacing: 2.5px;
line-height: 72px;
}
.p1-title2 {
display: inline-block;
color: #fff;
background: -webkit-gradient(linear, left center, right center, from(#1BBDFE), to(#4DF7CB));
}
.p1-title2 {
font-size: 48px;
letter-spacing: 2.5px;
line-height: 72px;
}
</style>
</head>
<body>
<div class="p1-title">地理智慧创新IT价值</div>
<div class="p1-title2 ">成为全球领先的GIS品牌</div>
</body>
</html>