1. SVG图像波浪效果渲染动画
今天给大家分享一个很酷的SVG图片动画，主要是图片上出现波浪的渲染动画。 实现原理是借助SVG路径在图片顶部绘制一层遮罩，然后随机扭曲该图层，从而产生图片顶部波浪滚动的动画特效，也非常逼真。
2.基于HTML5和SVG的手机菜单动画
之前我们分享过很多手机端的jQuery菜单和CSS3菜单，还有很多PC端的菜单，都非常不错。 今天继续分享一个基于HTML5和SVG的移动菜单动画。 该菜单有2种主题和动画风格，分别是侧飞动画和顶飞动画。 同时css3动画滚文字动，点击菜单展开按钮，会出现旋转动画。 特殊效果。
3.纯CSS3蓝色蝴蝶动画
之前我们分享过几款精美的HTML5蝴蝶坠落动画css3动画滚文字动，比如超炫的HTML5 Canvas蝴蝶坠落动画和HTML5 SVG 3D蝴蝶坠落动画都非常酷。 今天要分享的蝴蝶动画是基于纯CSS3的。 虽然没有上面的蝴蝶动画那么华丽，但是红色的蝴蝶扇动翅膀也非常可口。
4. SVG边框可连续变化，动画按钮扫过键盘
今天我们要给大家分享一个基于SVG的键盘滑动动画按钮。 该按钮的键盘滑动动画显示，按钮边框的腰线可以不断变化，非常华丽。 我们之前分享过很多这样的键盘滑动按钮。 您可以查看具有各种动画风格的纯 CSS3 键盘滑动按钮动画和 jQuery/CSS3 键盘滑动动画按钮集合。 或许有些钥匙可以用来取得疗效。
5.超炫HTML5 Canvas蝴蝶动画
还记得很早之前我们给大家分享过一个特别炫的HTML5蝴蝶3D动画，它是基于HTML5和SVG实现的。 这次我们要给大家介绍另一个蝴蝶落在HTML5 Canvas上的动画，这个动画也很酷。 在Canvas上绘制蝴蝶，利用HTML5的动画特性来实现蝴蝶的飞舞。 你可以学习它。
6. HTML5 SVG绘制唐老鸭的q版图像
CSS3可以用来绘制很多人物和植物图像，比如前面介绍的纯CSS3素描甜男孩动画和纯CSS3素描甜蚂蚱，可见CSS3的强大。 这次我们要介绍的是利用HTML5和SVG绘制的唐老鸭q版图像。 SVG的路径特性非常灵活，可以让你绘制任何路径。
7. CSS3/SVG实现键盘掠读3D以扩展文本描述视口
现在很多HTML5动画都会结合SVG来制作，因为SVG可以更全面地描述界面图形元素。 今天要介绍的一个动画是利用CSS3结合SVG来实现的。 它可以让我们在键盘传递图片的时候，通过3D立体视觉效果来显示文字描述视口。 动画效果非常漂亮。
8. CSS3/SVG沙漏加载动画
之前我们已经分享了很多Loading动画和进度条动画，其中很多都是比较实际的应用。 今天我们要分享另一个基于CSS3和SVG的沙漏式加载动画。 虽然实现比较简单，但是模拟效果相当逼真，适合整个页面加载时的等待动画。
这篇文章是永久链接：
