本文摘自PHP中文网，作者黄舟，侵删。
HTML5真的是一个相当出色的Web技术，它不仅可以让你更加方便地操纵页面元素，而且可以通过canvas实现更多的动画特效，引进HTML5标准后，CSS3也就可以发挥更大的作用。本文主要介绍了一些基于HTML5 Canvas的动画特效，分享给大家，希望大家喜欢。
1、HTML5 Canvas瀑布动画 超逼真
这是一个很逼真的HTML5瀑布动画，基于Canvas实现的，效果相当酷。
在线演示源码下载
2、HTML5 Canvas彩色像素进度条动画
这也是一款基于HTML5 Canvas的动画特效，它是一个很有创意的HTML5进度条，大家可以试试。
在线演示源码下载
3、HTML5 Canvas粒子模拟效果
这是一款利用HTML5 Canvas模拟出来的30000个粒子动画，当你用鼠标在canvas画布上移动时，鼠标周围的一些粒子就会跟着你移动，并形成一定的图案，就像你在玩沙画一样，效果非常不错。这里，我们应用了一些HTML5的特性，让这个粒子动画显得相当动感。
在线演示源码下载
4、HTML5 Canvas放射线动画
这款HTML5 Canvas尽管不怎么实用，但是你可以从中学到很多HTML5的相关知识，包括如何绘制动态直线，如果计算节点之间的距离等。
相关阅读 >>
更多相关阅读请进入《HTML5》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
