在JQuery中复制CSS3动画

Question

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

当使用Modernizr / Yep-Nope不支持CSS3 Animation时，我打算使用jQuery版本作为后备。

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

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

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

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

我会很感激所有这一切的帮助，我只是无法弄清楚如何制作这个复杂的动画 - 好吧它不一定很复杂，我不想吓跑任何人，这是一个三维变换基本上，在我看来，它比幻灯片或淡入淡出更复杂。

Answer 1

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

Answer 2

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

Answer 3

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

http://jsfiddle.net/dfVvp/