8款惊艳的HTML5粒子动画特效,超级惊艳 8款HTML5动画特效推荐源码

1、HTML5 Canvas发光Loading动画

之前我们分享过很多基于CSS3的Loading动画效果,相信大家都很喜欢。今天我们要来分享一款基于HTML5 Canvas的发光Loading加载动画特效。Loading旋转图标是在canvas画布上绘制的,整个loading动画是发3D的视觉效果,HTML5非常强大。

8款惊艳的HTML5粒子动画特效,超级惊艳 8款HTML5动画特效推荐源码_第1张图片

2、jQuery球状放大镜特效插

今天我们要来分享一款基于jQuery的放大镜特效插件,和其他放大镜不同的是,这款jQuery放大镜插件是球状的,看上去有3D的视觉效果。当你把鼠标滑过页面上的文字时,即会出现很酷的球状放大镜,来放大当前区域的文字。并且以球心为中心点向外文字逐渐变小,这就产生了立体感。

8款惊艳的HTML5粒子动画特效,超级惊艳 8款HTML5动画特效推荐源码_第2张图片

3、HTML5 Canvas粒子模拟效果

这是一款利用HTML5 Canvas模拟出来10000个粒子动画,当你用鼠标在canvas画布上移动时,鼠标周围的一些粒子就会跟着你移动,并形成一定的图案,就像你在玩沙画一样,效果非常不错。这里,我们应用了一些HTML5的特性,让这个粒子动画显得相当动感。

你可能感兴趣的:(8款惊艳的HTML5粒子动画特效,超级惊艳 8款HTML5动画特效推荐源码)