0

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

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

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

解释它的最好方法是在奇数点击时翻转，在偶数点击时翻转。

点击是指点击触发器、#trigger，奇数点击是点击 1、3、5 等，偶数点击是第二、第四、第六等点击。

现在，我将 CSS 动画应用于类，并在单击触发器时切换类，因此如果可以将翻转动画应用于一个类，而将翻转动画应用于另一个类，那么这将在以下环境中完美运行我已经设置好了。

我将不胜感激所有和任何帮助，我只是不知道如何制作如此复杂的动画——好吧，它不一定很复杂，我不想吓跑任何人，它是一个 3-d 变换本质上，在我看来，这比幻灯片或褪色更复杂。

4

3 回答 3

1

jQuery（和 javascript）在幕后用 CSS 做动画，所以如果 CSS3 因为它不是跨浏览器而被淘汰，那么它也将在 jQuery 中。如果您询问是否可以使用 CSS2 和 javascript 复制此效果，CSS2 没有实现此效果所需的复杂性。在没有 Flash/其他插件（如画布等）的情况下，我能想到的唯一其他方法与 CSS3 一样跨浏览器不兼容。

于 2013-03-09T04:34:39.897 回答
1

您可以尝试使用jQuery 3D Transform 插件。它在不使用 CSS3 过渡的情况下为 CSS3 3D 变换属性设置动画。

于 2013-03-09T04:44:30.017 回答
0

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

http://jsfiddle.net/dfVvp/

于 2013-03-09T04:35:06.090 回答