CSS布局
全局：
* {
margin: 0;
padding: 0;
}字体调整：
h1 {
font-size: 18px;
text-align: center;
margin-top: 30%;
background-image: -webkit-linear-gradient(left, blue,pink 10%, #65c0e0 20%, skyblue 30%,blue 40%, MediumVioletRed 50%, Purple 60%, Purple 70%, blue 80%, #81c1d9 90%,Purple);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
background-size: 200% 100%;
animation: am 5s infinite linear;
}主要是用background-img:gradient设置颜色渐变（从左开始，开始颜色，渐变颜色 开始时间10%，下一个颜色 开始时间20%，..........）
定位背景图片：
@keyframes am {
0% {
background-position: 0 0;
}
100% {
background-position: -100% 0;
}
}设置字体属性：
h1{
font-size: 100px;
}body:
<body>
<h1>艺术文字</h1>
</body>效果图：颜色滚动播放
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
