css文字动画变色效果
文章描述：
css文字动画改变颜色效果
html
<span class="shiny">Shiny</span>style
.shiny {
height: 120px;
background: linear-gradient(to right, red, orange, yellow, green, cyan, purple);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: hue 3s linear infinite;
font-size: 100px;
padding: 20px;
}
@keyframes hue {
0% {
filter: hue-rotate(0deg);
}
100% {
filter: hue-rotate(360deg);
}
}webkit-background-clip: text意思是以盒子内的文字作为裁剪区域向外裁剪，文字之外的区域都将被裁剪掉。
发布时间：2022/10/08
发表评论