在Web 1.0时代，我们的网页中图片数量非常少，而且都是以静态图片为主。HTML5的出现，推动了Web 2.0的发展，同时也催生出了很多绚丽的HTML5图片动画特效，特别是有些还有3D的动画效果。本文收集了9个非常绚丽的HTML5 3D图片动画特效，分享给大家，希望你们喜欢。
1、纯CSS3 3D旋转图片墙动画这是一款基于纯CSS3的3D旋转图片墙，这款纯CSS3图片动画非常炫酷，一张张图片不断旋转，组合成一个动画片段。当然这款动画是基于CSS3的，因此你需要更优秀的浏览器，另外动画有3D的视觉效果，很有立体的感觉。
在线演示 源码预告
2、HTML5 3D立体图片相册HTML5非常强大，尤其是和CSS3结合，有时候能达到非同凡响的网页动画效果。今天要分享的这款HTML5应用就是一款很酷的3D立体图片相册应用，它可以用鼠标多拽从多个角度浏览相册图片，点击图片，就可以放大图片，相册图片都是美女，千万别让女朋友看到。
在线演示 源码预告
3、HTML5 3D相册浏览 震撼人心今天我们再来看一款HTML5 3D相册浏览应用，图片可以手动播放，也可以自动播放，效果非常震撼，赶紧把这款HTML5 3D相册分享给你的朋友吧。
在线演示 源码预告
4、HTML5 3D图片切片滑块旋转动画先来说说怎么玩这款HTML53D图片动画特效，我们只需要在图片上面拖动鼠标，图片即会在垂直方向分裂出数块小长方体，然后每一个小长方体沿着鼠标拖动的方向旋转。这款HTML5 3D动画非常酷，它的实现离不开js动画框架TweenMax。
在线演示 源码预告
5、HTML5 3D立体图片旋转播放展示自从HTML5技术的出现，我们可以在浏览器上看到越来越多的3D特效。这款HTML5 3D立体图片旋转播放展示工具就体现了强大的HTML5 3D功能。当然这需要支持HTML5 3D功能的浏览器才能简介这个3D图片演示。
在线演示 源码预告
6、HTML5/CSS3 3D图片 边框阴影和图片投影今天我继续要为大家带来一款很不错的HTML5/CSS3 3D图片特效，图片的边框有阴影，在图片翻转的时候还有很不错的投影效果。
在线演示 源码预告
7、HTML5 3D图片阴影翻转动画今天我们要分享一款很酷的HTML53D动画特效，这款3D特效可以为你的图片增加阴影的效果，而且可以让图片在鼠标滑过的时候出现3D翻转的动画效果。这和之前分享的HTML5 3D动画HTML5 3D正方体旋转动画有着类似的效果，大家也可以看看。
在线演示 源码预告
8、HTML5全屏3D图片展示特效这是一款基于HTML5和CSS3的3D图片特效，该图片特效的功能如下：提供一个类似焦点图的HTML5图片播放器，我们可以点击按钮来切换不同的图片显示。更重要的功能是点击图片上的全屏按钮，图片即可以3D的方式全屏显示，效果非常酷。
在线演示 源码预告
9、HTML5 3D图片折叠特效 超炫酷图片特效今天我们再来分享一款HTML5 3D图片折叠特效，鼠标滑过图片时，折叠好的图片便会展开，鼠标离开图片时，图片又会折叠起来，效果非常酷。
在线演示 源码预告
以上这9个HTML5 3D图片动画都有源码提供预告，如果你对HTML5及前端技术感兴趣，可以预告源码深入学习HTML5 3D技术。希望这些HTML5案例对你有所帮助。
玩赚乐(www.banghui.org)整理诚挚分享
本文作者：玩赚乐(www.banghui.org)– 小峰
[原创作品，转载必须在正文中标注并保留原文链接和作者等信息。]
I 相关 / Other
几乎没有人喜欢在正式场合探讨耳垢，像对付其他的分泌物一样，我们只在独自一人的时候清理它们。其实，一般
这个名叫 Vipp 的家居品牌，有丹麦国宝之称，前不久我们介绍过 Vipp 的来龙去脉，最近品牌又在纽约的特里贝
香港电——陈世英（Wallace Chan），这位据说世界上最昂贵的钻石项链背后的香港珠宝匠，从 8 岁就开始动手
有一款叫做 “Who’s your daddy”游戏火了。 虽然当大多数人看到 Who’s your daddy 这句话的时候都会想到
混凝土其实是种很有变化性的材料，从我们过去的一些报道就能看出，它可以朴实、沉静，可以硬朗而有工业感，