html5 确实非常强大,很多时候我们可以利用 HTML5 中的新技术实现非常炫酷的粒子动画效果,粒子动画在 HTML5 应用中也是比较消耗本地资源的,尤其是 CPU,但是有些 HTML5 粒子效果确实能给用户带来不一样的惊艳用户体验。本文就是要分享 8 款效果惊艳的 HTML5 粒子动画特效,希望你可以喜欢。
这是一款利用 HTML5 Canvas 模拟出来的 30000 个粒子动画,当你用鼠标在 canvas 画布上移动时,鼠标周围的一些粒子就会跟着你移动,并形成一定的图案,就像你在玩沙画一样,效果非常不错。这里,我们应用了一些 HTML5 的特性,让这个粒子动画显得相当动感。
前面我们分享过一个 HTML5 Canvas 实现的 图像马赛克模糊效果 ,HTML5 处理图片真的非常简单。今天我们要再利用 HTML5 Canvas 实现一个粒子效果的人物头像,你可以任意选择一张头像图片,接下来该图片会被打散成许多粒子,然后慢慢的重组成图片,鼠标滑过图片时粒子还会出现浮动的动画特效,看上去非常酷。
这是一款很有意思的 HTML5 Canvas 时间动画,总体来说,它是一个可以和客户端同步的时钟,其特点是当时间走动时,数字将会散落成一个个粒子动画,这种 HTML5 Canvas 动画在之前也有分享过,比如这个 HTML5 粒子文字特效 。
之前我们分享过很多超酷的 文字特效 ,其中也有利用 HTML5 和 CSS3 的。今天我们要来分享一款基于 HTML5 Canvas 的文字特效,输入框中输入想要展示的文字,回车后即可在 canvas 上绘制出粒子效果的文字动画,相当酷的动画效果。
之前我们分享过不少基于 HTML5 和 CSS3 的文字特效,有 3D 的文字效果,也有动画文字特效。今天我们分享的这款 HTML5 文字特效是火焰燃烧的效果,比较消耗 CPU,但是动画效果还是比较酷的。另外,再推荐一款 HTML5 文字特效: HTML5 像素文字爆炸重组动画特效
之前我已经分享了几款效果很不错的 CSS3 进度条插件,比如 CSS3 Loading 进度条加载动画特效 、 CSS3 3D 进度条按钮 18 款精美样式 。今天我再来分享一款很有特色的 HTML5 /CSS3 进度条应用。这款进度条插件在播放进度过程中出现粒子效果,就像一些小颗粒从进度条上散落下来,是一款别具特色的 HTML5 进度条插件。
记得之前向大家分享过一款 HTML5 Canvas 实现会跳舞的时间动画 ,利用了 HTML5 的粒子动画特性。今天要分享的也是一款基于 HTML5 的粒子效果的文字动画特效,并且它可以实现每个文字的逐帧播放,形成一句很浪漫的诗句。
今天要分享的这款 HTML5 3D 动画特效非常给力,它是一个基于 Canvas 的倒计时爆炸效果,随着时间的走动,时间数字傍边就会有爆炸的特效,一群像素点就会在数字中心爆发出来,感觉非常酷。而且应用了 HTML5 的 3D 特性,让整一个时钟显得非常有立体感。
来源: http://geek.csdn.net/news/detail/250595