是否可以在 JavaScript 中使用动画关键帧？如果您的回答是否定的，请告诉我如何使用这样的代码？
我写了我的 jQuery 插件，但我不知道如何使用关键帧。
animate() 不起作用（translateZ...）
【问题讨论】：
标签： javascript jquery css animation css-animations
您首先需要research css3 keyframes然后也许为自己做一个小例子来获得基本的了解。 jQuery.Keyframes 允许您使用 javascript 即时生成 css3 关键帧并附加事件。
【讨论】：
这是一个第三方库，允许进行各种不同的翻译。
http://ricostacruz.com/jquery.transit/
如果还是不行，可以参考这个问题
Set Webkit Keyframes Values Using Javascript Variable
这将向您展示如何使用 jQuery 动态地将规则注入 CSSOM
Somewhat working fiddle for Firefox
使用
@keyframes rotate {
0% {-moz-transform: rotate(-10deg);}
100% {-moz-transform: rotate(-10deg);}
}
和其他供应商前缀细节。似乎存在某种问题，有时动画会触发，但有时不会。一直没搞清楚原因
【讨论】：