文字color颜色渐变（可一直变换） - 代码篇
一、应用场景 · 举例：
- https://www.iconfont.cn/ 站内的 【字体图标】
【如下图1所示】 - 某些客户要求的 “炫酷拽”的宣传推广页面 的文字特效
- 等等
应用效果图 · 截图示下：
二、html 案例：（可一直变换）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我是蚊子</title>
<style>
.site__title {
color: #abeaf7;
background-image: -webkit-linear-gradient(90deg, #abeaf7, #f41392);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: change 5s infinite linear;
}
@-webkit-keyframes change {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
</style>
</head>
<body>
<h1 class="site__title">我是蚊子</h1>
</body>
</html>
说明：
- 上述代码可以一直变换颜色，可以根据场景需要，自动取舍代码。
以上就是关于” 文字color颜色渐变（可一直变换） - 代码篇 “ 的全部内容。
