你们好，最近小艾特发现有诸多的小伙伴们对于css3实现动画效果，css3动画效果这个问题都颇为感兴趣的，今天小活为大家梳理了下，一起往下看看吧。

1、 HTML5/CSS3可折叠3D立方体动画

2、 最近我们分享了很多基于HTML5和CSS3的立方体动画，比如HTML5多立方体3D翻转动画，HTML5 3D立方体图片切换动画，效果都很惊艳。

3、 今天给大家带来的是CSS3 3D cube的另一个动画，特别是DEMO2。鼠标滑过立方体后，它会被打开，另一个小立方体会从中弹出。动画效果非常酷炫逼真。

4、 HTML5/CSS3古典纸扇动画

5、 HTML5爱好者们注意了。今天想和大家分享一个有趣的HTML5动画。是一部经典的纸扇动画。纸扇可以自动展开和折叠。神奇的是，纸扇还可以利用CSS3和HTML5的特性模拟出扇动的效果。

6、 很有意思。

7、 用HTML5实现DNA螺旋动画

8、 记得之前我们分享过一个很酷的HTML5 DNA动画，螺旋效果不太理想。今天分享的HTML5DNA的螺旋动画效果非常好，不仅视觉效果更加立体，还有3D动画特效。

9、 在DEMO演示中可以看到奇妙的效果。

10、 HTML5/CSS3鼠标悬停动画菜单按钮

11、 我们之前和大家分享过很多很酷的HTML5/CSS3菜单，包括多级下拉菜单和动画菜单。今天要和大家分享一个基于CSS3的鼠标悬停动画菜单按钮，由小按钮组成。

12、 当我们在菜单项上滑动鼠标时，按钮上的图标会有一个浮动的动画效果。

13、 HTML5画布雨滴下落动画超逼真

14、 今天我们要分享一个相当逼真的HTML5画布雨滴下落动画，模拟雨滴附着在窗户上慢慢滑落的效果。同时窗户因为雨滴而模糊，窗外的夜景特别迷人。使用HTML5技术，

15、 该雨滴下落动画一共有5种不同的效果。由于Chrome的跨域限制，本地将无法运行，你可以在本站的在线演示中看到效果，或者将源代码上传至自己的服务器后浏览。

16、 漂亮的CSS3圆角按钮组合

17、 之前我们已经为大家分享过很多绚丽的CSS3按钮了，比如这款纯CSS3实现质感发光动画按钮和去年发布的HTML5/CSS3一组可爱的3D按钮。今天要分享的是一款CSS3圆角按钮，

18、 这组按钮有不同的颜色主题，利用CSS3特性实现了圆角效果，看上去还相当不错。

19、 纯CSS3实现质感发光动画按钮

20、 之前我们分享过很多漂亮的网页按钮动画，大家可以移步至CSS3按钮分类下查看各种各样的CSS3按钮。这次要分享的这款CSS3按钮有着质感的背景，并且鼠标滑过按钮时按钮边框还会发光，

21、 呈现出3D立体的视觉效果。

以上就是css3动画效果这篇文章的一些介绍，希望对大家有所帮助。