之前我们分享几款经典的HTML5动画：HTML5爱心表白动画、HTML5视频破碎重组特效、HTML5像素粉碎图片动画。今天再来分享一款HTML5树叶飘落动画，这款HTML5树叶飘落动画是基于webkit内核的，所以需要webkit内核的浏览器才能播放该动画，效果真的非常酷。

在线演示源码下载

在现实生活中，我们经常可以看到水波的效果，雨滴落到小河中，河里必定泛起了水波。今天我们用HTML5模拟了水波荡漾效果，点击河水的图片，即可从点击处开始泛起水波，并向远处伸展。这个利用HTML5模拟出来的水波效果非常逼真，不过有点耗CPU。

在线演示源码下载

利用HTML5实现雨点下落需要注意一下几点：1、雨点的大小和形状；2、雨点下落的速度控制，注意应该是加速下落。这个演示动画就很生动的模拟了雨点下落动画。当鼠标移上去时，就会形成3个雨点并向下掉落。HTML5技术真的非常方便。

在线演示源码下载

这款HTML5图片动画特效你绝对想不到，它将一张图片粉碎成许多像素颗粒，点击图片后，这些像素颗粒边掉落在地上，继续点击，粉碎的像素图片颗粒又会重新组合成完整的图片。用HTML5技术实现这种图片粉碎效果还是挺简单的，有兴趣的同学可以下载源码来学习。

在线演示源码下载

我们见过很多图片播放插件（焦点图），很多都基于jQuery。今天介绍的HTML5图片播放器很特别，它不仅在图片间切换有过渡动画效果，而且在切换时图片中的元素也将出现动画效果，比如图中的文字移动、打散、重新组合等。这款HTML5动画图片播放器算得上是高端大气上档次。

在线演示源码下载

HTML5视频播放器很多，但是HTML5视频特效还是很少见的，这款HTML5视频破碎重组特效非常刺激，给人强大的视觉冲击。点击视频任意地方，HTML5将会将这些区域击碎，过一段时间，这些被击碎的视频碎片又将自动重新组合。是一款非常不错的HTML5视频特效。

在线演示源码下载