15個來自 CodePen 的酷炫 CSS 動畫效果【下篇】

　　CodePen 是一個在線的前端代碼編輯和展現網站，可以編寫代碼並即時預覽效果。你在上面能夠在線分享本身的 Web 做品，也能夠欣賞到世界各地的優秀開發者在網頁中實現的各類使人驚奇的效果。
　　今天這篇文章爲你們挑選了15個超炫的 CSS 動畫效果的例子，這些 Demo 能夠說都是藝術品。（爲保證最佳的效果，請在 Chrome、Firefox 和 Safari 等現代瀏覽器中瀏覽）
9. 3D Synth Pure CSS 3D Synthesizer (mousedown for rotation) by Nikolay Talanov (@suez).
使用純 CSS 製做的 3D 電子琴效果，點擊鼠標能夠旋轉。

10. Cascading Solar System Cascading Solar System! by Tady Walsh (@tadywankenobi).
太陽系的模型，完成了旋轉速度、衛星和每個大的行星的細節。看起來就像現實世界的東西！

11. 3D Solar System Full CSS 3D Solar System by Wayne Dunkley (@waynedunkley).
另外一個太陽系的系統模型，不過這個是 3D 的，有美麗的陰影效果。

12. Flat Design Camera Flat design camera with CSS animation by Damien Pereira Morberto (@damienpm).
使用CSS動畫模擬在相機上按下快門，拍攝照片的動畫效果。

13. Day and Night Transition Day Night simulation by Szymon Stypa (@Catagen).
點擊下面的按鈕能夠看到白天和黑夜的模擬效果。

14. Animated Sprite with CSS Animate sprite with CSS by Avaz Bokiev (@samarkandiy).
示範序列圖像（雪碧圖）能夠用來建立定格動畫，配有正向和反向運動。

15. Dodecahedron Dodecahedron by wontem (@wontem).
一個徹底用 CSS 建立的微妙的，美麗的十二面體動畫。

頁面加載太卡了，上篇請查看這裏《15個來自 CodePen 的酷炫 CSS 動畫效果【下篇】》

您可能感興趣的相關文章
網站開發中頗有用的 jQuery 效果【附源碼】
分享35個讓人驚訝的 CSS3 動畫效果演示
十分驚豔的8個 HTML5 & JavaScript 特效
Web 開發中很實用的10個效果【源碼下載】
12款經典的白富美型 jQuery 圖片輪播插件

 
本文連接：贊！15個來自 CodePen 酷炫 CSS 動畫效果 
編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源
轉載於猿2048:▶《15個來自 CodePen 的酷炫 CSS 動畫效果【下篇】》