Html 图像动画可以工作，但文本动画不能'；T

我的图像动画效果很好，但文本动画根本不起作用。这个代码哪里出了问题

@-webkit关键帧色调{
从{
-webkit过滤器：色调旋转（0度）；
}
到{
-webkit过滤器：色调旋转（-360度）；
}
}
@关键帧圆形{
100% {
边界半径：0px；
宽度：256px；
高度：256px；
不透明度：100%；
}
0% {
边界半径：25px；
宽度：0px；
高度：0px；
不透明度：0%；
}
}
img{
动画：四舍五入三出；
}
#动画{
-webkit动画：色调60s无限线性；
}

如您所见，此动画效果良好：

但此文本必须使用色调动画设置动画

您已将HTML设置为具有

class=“anim”

，但您已使用id声明CSS:

#anim{…}

将其更改为

.anim

或首先将HTML更改为

id=“anim”

，正如RussAwesome提到的那样，您使用的是id选择器而不是类选择器

第二-尝试将文本颜色设置为与黑色不同的值。 例如：红色

.anim {
   color:red;
   -webkit-animation: hue 2s infinite linear;
 }

这是你的

---

我缩短了动画时间，以便更好地显示效果。

非常感谢！在你回答之前，我一直在想，“是课堂和课堂。”。是id:D，但实际上是id和。这是课堂，等等。。。我将class=“anim”替换为id=“anim”，但它仍然不起作用：（它实际上起作用了。但是h1的黑色不受色调的影响。。。