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

創(chuàng)新互聯(lián)建站"三網(wǎng)合一"的企業(yè)建站思路。企業(yè)可建設(shè)擁有電腦版、微信版、手機(jī)版的企業(yè)網(wǎng)站。實(shí)現(xiàn)跨屏營(yíng)銷，產(chǎn)品發(fā)布一步更新，電腦網(wǎng)絡(luò)+移動(dòng)網(wǎng)絡(luò)一網(wǎng)打盡，滿足企業(yè)的營(yíng)銷需求！創(chuàng)新互聯(lián)建站具備承接各種類型的做網(wǎng)站、成都網(wǎng)站制作項(xiàng)目的能力。經(jīng)過(guò)10余年的努力的開拓，為不同行業(yè)的企事業(yè)單位提供了優(yōu)質(zhì)的服務(wù)，并獲得了客戶的一致好評(píng)。

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. ??圖片滑過(guò)效果??

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

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

13.??3D 房間??

14.??寶利來(lái)畫廊??

15. ??太空??

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

#p#

16. ??Mac Dock??

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

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

19. ??放大的寶利來(lái)畫廊??

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

#p#

21. ??Poster Circle??

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

22. ??變形的盒子??

23. ??落葉??

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

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. ??無(wú)JavaScript的Tab菜單??

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

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

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

43. ??下拉菜單??

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

文章來(lái)源：??前端觀察??

網(wǎng)站欄目：44個(gè)驚人的超炫CSS3動(dòng)畫演示
文章轉(zhuǎn)載：http://uogjgqi.cn/article/djjpihi.html