JavaScript中的CSS3关键帧

Question

是否可以在JavaScript中使用动画关键帧？如果你的答案是否定的，请告诉我如何使用这样的代码？ 我写了我的jQuery插件，但我不知道如何使用关键帧。 animate()不起作用（translateZ ...）

Answer 1

这是第三方库，允许各种不同的翻译。

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);}
}

和其他供应商前缀细节。似乎有某种问题，有时动画会触发，但有时则不会。避风港能够找出原因

Answer 2

首先需要research css3 keyframes然后为自己做一个小例子以获得基本的理解。 jQuery.Keyframes允许您使用javascript生成css3关键帧并动态附加事件。