CodePen 是一个在线的前端代码编辑和展示网站，能够编写代码并即时预览效果。你在上面可以在线分享自己的 作品，也可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果。

　　今天这篇文章为大家挑选了15个超炫的 动画效果的例子，这些 Demo 可以说都是艺术品。（为保证最佳的效果，请在 Chrome、Firefox 和 Safari 等现代浏览器中浏览）

9. 3D Synth

 by Nikolay Talanov ().

使用纯 CSS 制作的 3D 电子琴效果，点击鼠标可以旋转。

10. Cascading Solar System

 by Tady Walsh ().

太阳系的模型，完成了旋转速度、卫星和每一个大的行星的细节。看起来就像现实世界的东西！

11. 3D Solar System

 by Wayne Dunkley ().

另一个太阳系的系统模型，不过这个是 3D 的，有美丽的阴影效果。

12. Flat Design Camera

 by Damien Pereira Morberto ().

使用CSS动画模拟在相机上按下快门，拍摄照片的动画效果。

13. Day and Night Transition

 by Szymon Stypa ().

点击下面的按钮可以看到白天和黑夜的模拟效果。

14. Animated Sprite with CSS

 by Avaz Bokiev ().

示范序列图像（雪碧图）可以用来创建定格动画，配有正向和反向运动。

15. Dodecahedron

 by wontem ().

一个完全用 CSS 创建的微妙的，美丽的十二面体动画。

页面加载太卡了，上篇请查看这里《》

=======================================================

您可能感兴趣的相关文章

 

本文链接： 

编译来源：