HTML5加载动画

3、

HTML5 Canvas奇幻色彩Loading加载动画

 

之前我们分享过很多基于CSS3的Loading加载动画，通过CSS3的高级特性，可以制作出形态各异的Loading加载动画组件。今天给大家带来的这款Loading加载动画是基于HTML5 Canvas的，在canvas画布上，我们动态绘制许多多边形，这些多边形伴随着颜色的随机变化和旋转，形成了奇幻色彩的视觉效果，是一款非常炫酷的HTML5 Loading动画特效。

在线演示源码下载

 

之前我们分享过很多基于纯CSS3的Loading加载动画，有的是Loading动画小图标，有的是进度条动画，这些在延迟加载的页面和复杂耗时操作上非常实用。这次我们要分享另外一款富有创意的纯CSS3花瓣样式的Loading加载动画，它的外观是一个花瓣形状的小图标，页面加载时花瓣小图标会不停旋转，并且在花瓣下方显示一个进度条。

在线演示源码下载

 

 

2、HTML5骏马奔跑动画

 

今天给大家分享一个非常新颖的HTML5动画，它是一匹骏马，在疾风中飞驰。马的外观是在Canvas上绘制而成，同时骏马在奔跑的时候从地面上飞溅上来很多泥土，这让骏马奔跑的效果更加逼真，这个动画可以改进的地方是可以利用CSS3将骏马的面部、身体等部位描述的更加具体一点，比如添加眼睛、马鞍之类的元素。

在线演示源码下载