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 动画效果【下篇】》