本文由玩赚乐(www.banghui.org)– 小峰原创，转载请看清文末的转载要求，欢迎参与我们的付费投稿计划！
本文将为大家分享12个效果奇特的HTML5动画，HTML5强大的动画特性可以让你的网页变得更加生动和富有活力，交互性也会进一步得到提高。一起来看看下面的这些HTML5动画案例，没个案例都提供源代码预告。
1、HTML5 Canvas瀑布动画 超逼真这次我们来分享一款很酷的HTML5Canvas瀑布动画，瀑布动画非常逼真。整个瀑布动画像是从石头缝里流出来的溪水，然后沿着悬崖飞落下来，效果非常不错。
在线演示 源码预告
2、3D版HTML5模拟衣服撕扯动画还记得很早以前向大家分享的这款HTML5 Canvas模拟衣服撕扯动画吗？这绝对是一款非常具有创意而且很好玩的HTML5动画。今天我们来分享一下它的3D版本，在原来的基础上，衣服布料呈3D环形显示，你同样可以用鼠标拖拽衣服，不过和之前不同的是，鼠标左键用来拖拽衣服，鼠标右键用来切割衣服，失去了之前鼠标用力程度和衣服破碎程度的关系，似乎功能上有所缺失，但是HTML5 3D功能还是不错的。
在线演示 源码预告
3、HTML5 SVG 3D蝴蝶飞舞动画这次我们要分享的这款HTML5动画简直就是逆天，利用SVG制作的3D蝴蝶飞舞动画，蝴蝶飞舞动画非常逼真，蝴蝶飞舞的路线是利用SVG构造的。另外，动画使用了一张立体感很强的天空背景图，让蝴蝶飞舞时更加显得立体逼真。
在线演示 源码预告
4、HTML5 Canvas波浪动画还记得之前我们分享的超酷的HTML5 Canvas波浪墙吗，是的，只要你的浏览器支持HTML5WebGL，就可以简介强大的HTML5波浪效果。今天我们要分享的这款波浪动画也是基于HTML5 Canvas的，特点是可以控制滑杆来调节波浪的高度。
在线演示 源码预告
5、jQuery滑过头像图片展示个人信息效果这是一款经典的jQuery图片插件，同时，也可以是一款jQuery提示框插件。这款jQuery插件的功能是当你把鼠标滑过头像图片缩略图时，即可弹出头像对应用户的详细个人信息，弹出的标签虽然不大，但是还是能容纳很多个人信息的。
在线演示 源码预告
6、HTML5 3D图片阴影翻转动画今天我们要分享一款很酷的HTML53D动画特效，这款3D特效可以为你的图片增加阴影的效果，而且可以让图片在鼠标滑过的时候出现3D翻转的动画效果。这和之前分享的HTML5 3D动画HTML5 3D正方体旋转动画有着类似的效果，大家也可以看看。
在线演示 源码预告
7、CSS3/jQuery简易焦点图今天要再来分享一款简易的CSS3焦点图应用，这款焦点图应用的图片切换方式非常丰富，而且焦点图的切换按钮比较小，图片篇幅占据比较大，因此总体比较大气。
在线演示 源码预告
8、jQuery实现3D图片翻牌切换今天我们要来分享一款利用jQuery实现的3D图片翻牌切换效果，当你点击上一张下一张按钮或者滚动滚轮的时候图片就能够以淡入淡出的方式切换，类似翻牌的效果，非常酷。
在线演示 源码预告
9、HTML5图片切换焦点图应用 3D投影效果利用HTML5和CSS3技术制作一个图片焦点图特效非常简单，但是如果我们要让这款焦点图足够的精致，那就要花上比较大的力气。今天要分享的这款HTML5 3D焦点图切换应用就非常酷，图片下方有一道投影，使得焦点图有立体的视觉效果。另外，图片切换的方式也有多种，每种切换方式都有不同的3D立体效果。
在线演示 源码预告
10、HTML5粒子效果的文字动画特效今天要分享的也是一款基于HTML5的粒子效果的文字动画特效，并且它可以实现每个文字的逐帧播放，形成一句很浪漫的诗句。
在线演示 源码预告
11、HTML5火球挡板碰撞动画游戏今天我们要再来分享一款超酷的HTML5火球挡板碰撞动画游戏。屏幕上有一个火球在不停的运动，你可以移动鼠标滑动屏幕下方的挡板，火球碰撞到挡板后，即可反弹出去，这是个很有特色的HTML5游戏。
在线演示 源码预告
12、CSS3带图标的消息提示框之前我们分享过一款CSS3和jQuery带进度条的消息提示框，今天我们再来分享一款CSS3带图标的消息提示框，提示框的右侧有一个代表性的小图标，非常漂亮。CSS3技术的应用，可以让消息框的四个角都实现圆角效果。
在线演示 源码预告
以上这12个效果奇特的HTML5动画希望能给你带来帮助，如果你有更加优秀的HTML5动画源码，也欢迎与我们分享。
玩赚乐(www.banghui.org)整理诚挚分享
本文作者：玩赚乐(www.banghui.org)– 小峰
[原创作品，转载必须在正文中标注并保留原文链接和作者等信息。]
I 相关 / Other
游戏可能是最欢迎虚拟现实技术的地方。为了推广虚拟现实技术，瑞典的游戏公司 Starbreeze 打算建造一个游戏
经典游戏《三国志》系列的最新一代作品，《三国志13》，1 月 29 日正式发售，目前已经登陆Steam平台。现在
《炉石传说》，这款全球超过 3000 万玩家热爱的游戏将迎来诞生后最大的一次更新。今天凌晨，暴雪通过战网公
好设计是对称的设计对称作为一种美学原则，存在于太多古老的建筑设计和日常用品中。也许你没有注意到，小到
葡萄牙建筑师阿尔瓦罗·西扎（Alvaro Siza）是 1992 年的普利兹克建筑奖得主，尽管年过 80，却仍有不