javascript - 在 JQuery 中复制 CSS3 动画

标签 javascript jquery css animation

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

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

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

最好的解释方式是奇数点击翻转和偶数点击翻转。

我所说的点击是指触发器、#trigger 上的点击,奇数点击是点击 1、3、5 等,偶数点击是第二、第四、第六等点击。

现在,我将 CSS 动画应用于类并在单击触发器时切换类,因此如果可以将翻转动画应用于一个类而将翻转动画应用于另一个类,那么在我设置的环境。

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

最佳答案

jQuery(和 javascript)在幕后用 CSS 做动画,所以如果 CSS3 因为不能跨浏览器而被排除在外,那么它也会在 jQuery 中。如果您问是否可以使用 CSS2 和 javascript 复制这种效果,CSS2 就没有实现这一点所需的复杂性。在没有 Flash/其他插件(如 Canvas 等)的情况下,我能想到的唯一其他方法与 CSS3 一样跨浏览器不兼容。

关于javascript - 在 JQuery 中复制 CSS3 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15307100/

相关文章:

javascript - 在 Angular 加载后运行 jQuery

javascript - Jquery - 获取点击的DIV元素的ID

javascript - 如何在悬停时为 div.card-img-overlay 中的文本添加动画效果

css - 我如何在我的代码中正确选择 <img src ="images/login.png"width ="40"height ="40"onmousedown ="return false;"alt ="Login"/> 行?

html - 网站上的文字在 Firefox 中移动

Javascript:无法让 document.getelementbyid 工作

javascript - 在 db 中插入对象数组,仅获取控制台中的最后一个对象数据

javascript - 单击按钮时绘制多行 JavaScript - 不使用 Canvas

javascript - JQuery remove() 不适用于两个单词的 id

javascript - 动态添加然后隐藏新行后维护表格备用行背景