1.??使用jQuery的CSS3時(shí)鐘??

2.??模擬時(shí)鐘??

3. ??另一個(gè)CSS3折疊??

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

5. ??CSS3折疊??

#p#

6. ??自動(dòng)滾動(dòng)的視差??

7. ??Isocube??

8.??圖片畫廊??

9. ??矩陣??

10. ??7個(gè)使用CSS3的Javascript效果替代??

#p#

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

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

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

13.??3D 房間??

14.??寶利來畫廊??

15. ??太空??

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

#p#

16. ??Mac Dock??

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

18. ??滑動(dòng)的唱片??

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

20. ??動(dòng)畫的火箭??

#p#

21. ??Poster Circle??

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

22. ??變形的盒子??

23. ??落葉??

24. ??動(dòng)畫效果寶利來畫廊??

25. ??聚光燈投影??

#p#

26. ??彩色時(shí)鐘??

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

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

29. ??Coverflow??

30. ??另一個(gè)Fisheye效果??

#p#

31.??jQuery DJ Hero??

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

33. ??另一個(gè)圖片畫廊??

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

35. ??動(dòng)畫的定價(jià)分組??

#p#

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

37. ??CSS3??

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

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

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

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

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

43. ??下拉菜單??

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

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