在JQuery中复制CSS3动画

Question

我正在尝试使用jQuery复制/模拟使用CSS3动画制作的动画/效果。

我计划在使用Modernizr / Yep-Nope不支持CSS3动画时使用jQuery版本作为后备。

以下是CSS3动画的运行示例：https://dl.dropbox.com/u/270523/help/fold.html

解释它的最好方法是对奇数点击进行翻转，对偶数点击进行翻转。

点击次数表示点击触发器，＃strigger，奇数点击次数为点击次数1,3,5等，偶数次点击次数为第二次，第四次，第六次等点击次数。

现在，我已经将CSS动画应用于类并在点击触发器时切换类，因此如果可以将插入动画应用于一个类，并将翻转动画应用于另一个类，则可以完美地运行我已经建立的环境。

我很感激所有和任何帮助这样做，我只是无法弄清楚如何做一个动画这个复杂 - 好吧它不一定复杂，我不想吓唬任何人，它是一个3基本上是-d变换，在我看来它比幻灯片或淡入淡出更复杂。

Answer 1

jQuery（和javascript）在幕后用CSS做动画，所以如果CSS3不在桌面上，因为它不是跨浏览器，那么它也将在jQuery中。如果你问这个效果是否可以用CSS2和javascript复制，CSS2就没有实现这个所需的复杂性。在没有Flash /其他插件（如canvas等）的情况下，我能想到的唯一其他方法就像跨浏览器与CSS3不兼容一样。

Answer 2

您可以尝试使用jQuery 3D Transform plugin。它不使用CSS3过渡动画CSS3 3D变换属性。

Answer 3

所以你只想用jquery复制那个css效果？如果我认为你想要的是正确的话，你所要做的就是使用一些fadeOut，fadeIn魔法：

http://jsfiddle.net/dfVvp/