1

我不熟悉 CSS3 动画,但我确实想在我的 web 元素中添加一些 CSS3 动画,你能告诉我一些快速制作 css3 动画的方法吗?例如,我们是否有一些 jquery 插件来做 css3 动画?谢谢!

4

4 回答 4

2

在此处输入图像描述

Acutally 我知道一些非常好的 CSS3 动画文件,名称是animate.CSS,它可以快速帮助您将 css 动画添加到您的元素。您可以使用 jquery addClass 方法动态添加动画,如下所示:

$('#somediv').addClass('animate fadeInRightBig');

然后你就可以用淡入淡出效果使 div 动画化。它支持多达 60 种不同的效果,我相信你能找到你需要的。你可以看看这个由 animate.css 开发的小游戏演示。希望你会喜欢!

于 2012-08-12T04:01:31.290 回答
2

无需使用jquery plugin,只需参考CSS3.com 备忘单页面

它填充了 CSS3 的所有属性以及兼容性。

于 2012-08-12T03:59:56.470 回答
1

网上有很多工具可以生成包含动画信息的 CSS 片段。生成所需的结果后,将其粘贴到任何有效 CSS 选择器内的 CSS 文件中来尝试。

CSS 动画的好处之一是它们不依赖于 JavaScript,因此 jQuery 插件可能不是一个很好的匹配。

“css3 动画生成器”是一个很好的谷歌搜索词组。我查看了排名靠前的结果,其中一些很有用,例如:

于 2012-08-12T04:00:52.883 回答
0

试试这个http://cssanimate.com/,这个工具用于生成 css3 关键帧动画

于 2013-08-04T13:01:57.583 回答