超给力的HTML5 3D动画欣赏及源码下载

HTML5有着非常巨大的魅力，尤其是CSS3和Cavnas，可以帮助页面渲染得非常炫酷。值得一提的是，利用HTML5的3D特性可以帮助你更加方便地在网页上实现3D动画特效。本文分享的这些HTML5 3D动画效果都非常酷，尤其是第一个。

HTML5 WebGL水面水波荡漾特效

之前已经向各位分享过一款很逼真的HTML5水波荡漾特效，效果还算不错。今天再向大家分享一款更加给力的HTML5水波动画，画面上是一个大水池，水池底部是一颗大石头，在水面上点击即可泛起水波，加上模拟光的照射，水波比上一款特效更加生动逼真。另外你也可以拖动石头让其在池底滚动，也可以拖动画面多视角观看该HTML5水波动画。

在线演示        源码下载

HTML5 Canvas 3D旋转物体动画 模糊发光特效

HTML5 3D动画应用非常广泛，我们之前也分享过很多炫酷的HTML5动画应用。今天要介绍的这款HTML5 3D动画是一个旋转的物体，并且利用CSS3的特性，物体会发出模糊和发光的动画特效，旋转起来效果特别酷。

在线演示        源码下载

HTML5 3D旋转图片相册 可鼠标悬停

图片特效在HTML5应用中十分广泛，今天要分享的这款HTML5 3D旋转图片相册又非常绚丽，和之前分享的这款HTML5/CSS3 3D环形图片墙类似，也是一面立体的图片墙，图片不停的切换，鼠标滑过图片时即可激活图片查看。

在线演示        源码下载

HTML5 3D衣服摆动特效

前面我们介绍过很多HTML5 3D动画特效，今天我再向大家分享一款HTML5 3D衣服摆动动画特效，动画也是在HTML5 Canvas上完成，它模拟衣服晾在绳子上，点击鼠标可以让衣服摆动起来，就行风吹动它一样，非常逼真炫酷。

在线演示        源码下载

HTML5 3D立方体阵列 有规律的旋转动画

这是一款基于HTML5的3D立方体动画特效，特别的是，它不是一个立方体，而是由多个立方体组成的立方体阵列，同时阵列中的每一个立方体都会有规律的旋转，从而产生很酷的动画效果。之前我们也分享过一些HTML5立方体动画。

在线演示        源码下载

HTML5 3D手掌动画 看起来很抽象

今天我们要来分享另外一款很酷的HTML5 3D动画，它是用一个个像素点构造的3D立体手掌动画，你可以拖动鼠标从不同的侧面观看这只非常抽象的手掌。另外，我再推荐一款HTML5 3D动画：HTML5 SVG 3D蝴蝶飞舞动画。

在线演示        源码下载

HTML5/CSS3书本翻页3D动画

前段时间我们分享过很多牛叉的HTML5动画，如果你对HTML5感兴趣，可以移步至HTML5动画欣赏学习。今天我们要分享一款基于HTML5和CSS3的书本翻页3D动画，当我们将鼠标滑过书本时，书本就会自动一页页翻过去，书本的3D效果非常不错。

在线演示        源码下载