簡單的方法來做CSS3動畫？

我對CSS3動畫並不熟悉，但我確實想給我的網頁元素添加一些CSS3動畫，請問您能否以某種方式快速完成css3動畫？例如，我們有一些jQuery插件來做css3動畫嗎？謝謝！簡單的方法來做CSS3動畫？

2012-08-12 shirley

http://www.css3maker.com/css3-animation.html – 2012-08-12 03:57:57

學習如何做一次，你不會忘記它。這很簡單。 – Blender 2012-08-12 04:03:55

_「我對CSS3動畫不熟悉」_--有幾個教程，我相信你可以在Google找到。關於這個jQuery插件，是不是CSS3動畫的重點，它可以（理想情況下）在CSS中完成，沒有JS（除了動態添加或刪除類）？ – nnnnnn 2012-08-12 04:07:51

enter image description here

NOTE：事實上我知道有一些很不錯的CSS3動畫文件，它的名字是animate.CSS，它可以快速幫助你添加CSS動畫到你的元素。你可以使用jquery addClass方法來實時添加動畫，如下所示：

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

那麼你可以使淡入淡出效果。它支持多達60種不同的效果，我相信你可以找到你需要的。你可以檢查這個由animate.css開發的小小的game demo。希望你會喜歡！

2012-08-12 04:01:31 terry

這個很酷！ – shirley 2012-08-12 04:03:35

無需使用jquery plugin，只是參考CSS3.com cheat sheet page

它填充CSS3，也兼容性的所有屬性。

2012-08-12 03:59:56

網上有很多工具可以生成包含動畫信息的CSS片段。一旦你產生了你想要的結果，就可以通過將它粘貼到任何有效的CSS選擇器內的CSS文件來嘗試它。

CSS動畫的好處之一是它們不依賴於JavaScript，因此jQuery插件可能不是很好的匹配。

「css3動畫生成器」是一個很好的谷歌搜索短語。我看了看上面的結果和其中幾位是有用的，如：

2012-08-12 04:00:52

試試這個http://cssanimate.com/，這個工具是用於生成CSS3動畫關鍵幀

2013-08-04 13:01:57 user1347765

回答