html流程svg动画,12款基于SVG的HTML5应用和动画

本文作者html5tricks，转载请注明出处

SVG是HTML的扩展标记语言，利用SVG可以做非常多的矢量动画，结合

1、HTML5 SVG 3D蝴蝶飞舞动画 逼真超酷

这次我们要分享的这款HTML5动画简直就是逆天，利用SVG制作的3D蝴蝶飞舞动画，蝴蝶飞舞动画非常逼真，蝴蝶飞舞的路线是利用SVG构造的。另外，动画使用了一张立体感很强的天空背景图，让蝴蝶飞舞时更加显得立体逼真。

2、一组HTML5 SVG可爱的笑脸动画

今天我们来分享一组利用HTML5和SVG实现的可爱笑脸动画，它们是色彩各异的一组泥娃娃的脸，默认的时候就出现眨眼和微笑的动画，当你把鼠标滑过它们时，就像是感受到了主人的抚摸一样上下跳动起来，真的是非常可爱。

3、HTML5 SVG圆盘时钟动画 5种时钟样式

今天我们要来分享一款基于HTML5和SVG的圆盘时钟动画，首先，圆盘时钟的时间是和你的本地时间同步的，因此，你完全可以用它来看上网时间。另外，这款HTML5圆盘时钟提供了5中不同的盘面样式，有带刻度的和不带刻度的