简单的方法做CSS3动画？

Question

我不熟悉CSS3动画，但我确实想在我的网页元素中添加一些CSS3动画，请你告诉我一些快速做css3动画的方法吗？例如，我们有一些jquery插件来做css3动画吗？谢谢！

Answer 1

无需使用jquery plugin，只需参考CSS3.com cheat sheet page

即可

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

Answer 2

我知道一些非常好的CSS3动画文件，其名称为animate.CSS，它可以快速帮助您为元素添加CSS动画。您可以使用jquery addClass方法动态添加动画，如下所示：

$（'＃somediv'）。addClass（'animate fadeInRightBig'）;

然后youo可以使用fadeIn效果使div失效。它支持多达60种不同的效果，我相信你可以找到你需要的效果。你可以查看由animate.css开发的这个小game demo。希望你会喜欢它！

Answer 3

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

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

“css3动画生成器”是一个很好的谷歌搜索词组。我查看了最重要的结果，其中一些很有用，例如：

• http://www.css3maker.com/index.html
• http://matthewlein.com/ceaser/

Answer 4

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