1.??使用jQuery的CSS3時鐘??

2.??模擬時鐘??

3. ??另一個CSS3折疊??

4.??多個3D盒子(滑入/滑出)??

5. ??CSS3折疊??

#p#

6. ??自動滾動的視差??

7. ??Isocube??

8.??圖片畫廊??

9. ??矩陣??

10. ??7個使用CSS3的Javascript效果替代??

#p#

11. ??圖片滑過效果??

12. ??轉(zhuǎn)動的可樂罐 (通過滾動條控制)??

PS:這個例子和下面這個嚴(yán)格來說都不是用的CSS3技術(shù)，而是復(fù)雜的圖片和css的background-position屬性的應(yīng)用。

13.??3D 房間??

14.??寶利來畫廊??

15. ??太空??

注意: 這個演示依賴圖形，需要一些時間來加載，但是結(jié)果非常瘋狂!

#p#

16. ??Mac Dock??

17. ??滑入的模態(tài)窗口??

18. ??滑動的唱片??

19. ??放大的寶利來畫廊??

20. ??動畫的火箭??

#p#

21. ??Poster Circle??

這個需要支持3D動畫的瀏覽器才能看到全部效果，比如Mac版Safari4瀏覽器

22. ??變形的盒子??

23. ??落葉??

24. ??動畫效果寶利來畫廊??

25. ??聚光燈投影??

#p#

26. ??彩色時鐘??

27. ??Lightbox 畫廊(可拖拽)??

28. ??彈性所略圖菜單??

29. ??Coverflow??

30. ??另一個Fisheye效果??

#p#

31.??jQuery DJ Hero??

32. ??動態(tài)的堆疊卡??

33. ??另一個圖片畫廊??

34. ??雪棧 (用方向鍵控制)??

35. ??動畫的定價分組??

#p#

36. ??光滑的jQuery菜單??

37. ??CSS3??

38. ??不用Javascript的CSS Tabs??

39. ??無JavaScript的Tab菜單??

40. ??逐幀動畫(鼠標(biāo)經(jīng)過時演示)??

41.??無Flash的動態(tài)演示??

42. ??旋轉(zhuǎn)的畫廊??

43. ??下拉菜單??

翻譯自：??47 Amazing CSS3 Animation Demos??

文章來源：??前端觀察??