谁能解释一下为什么其中一个webkit动画函数可以工作，而另一个不能。我知道是class vs ID，但为什么呢？

在解释为什么一个webkit动画函数可以工作而另一个不能之前，我们首先需要了解class和ID在HTML和CSS中的作用和区别。

在HTML中，class和ID都是用来标识和选择元素的属性。class可以被多个元素共享，而ID是唯一的，每个元素只能有一个ID。

在CSS中，class和ID都可以用来定义样式规则。通过为元素添加class或ID，我们可以在CSS中选择并应用相应的样式。

现在回到问题，为什么其中一个webkit动画函数可以工作，而另一个不能。这可能与class和ID的选择器权重有关。

在CSS中，选择器的权重决定了样式规则的优先级。一般来说，ID选择器的权重高于class选择器。这意味着如果一个元素同时被一个ID选择器和一个class选择器选中，并且两者都定义了相同的样式规则，那么ID选择器的样式规则将会覆盖class选择器的样式规则。

在webkit动画函数中，可能涉及到对元素添加class或ID来触发相应的动画效果。如果其中一个webkit动画函数可以工作，而另一个不能，那么可能是因为这两个函数对应的动画效果使用了不同的选择器，其中一个使用了ID选择器，另一个使用了class选择器。

如果使用了ID选择器的动画函数可以工作，而使用了class选择器的动画函数不能工作，那么可能是因为在CSS中，ID选择器的权重高于class选择器，所以ID选择器定义的样式规则会覆盖class选择器定义的样式规则，导致class选择器对应的动画效果无法生效。

总结起来，其中一个webkit动画函数可以工作而另一个不能，可能是因为使用了不同的选择器，其中一个使用了ID选择器，另一个使用了class选择器，而在CSS中，ID选择器的权重高于class选择器，所以ID选择器定义的样式规则会覆盖class选择器定义的样式规则，导致class选择器对应的动画效果无法生效。

关于webkit动画函数的具体使用和相关知识，可以参考腾讯云的Web动画开发文档：Web动画开发。