2015-5-15 蓝蓝设计的小编
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供有效的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
每一个扁平化界面设计，都是我们的心灵碰撞致力于最棒的 metro ui 设计
来源：http://www.html5tricks.com/8-html5-image-animation-app.html
近期我们发布了不少关于HTML5和jQuery的图片动画应用，很多都比较实用，也有一些效果非常炫酷，比如一些HTML5 3D图片动画。本文精选了8个实用而且炫酷的HTML5图片动画应用，希望你会喜欢。
1、CSS3/jQuery实现移动端滑动图片层叠效果这是一款基于jQuery和CSS3的图片层叠插件，这和我们之前介绍的CSS3图片层叠展开有点不同，它支持鼠标滑动切换图片，同时如果在移动端运行的话，也支持触屏滑动来切换图片。这款jQuery图片应用非常适合在手机上使用，效果还不错。
HTML5技术可以让网页上的图片变得非常神奇，各种各样的HTML5图片动画让你眼花缭乱。今天要分享的这款HTML5图片网格动画就非常炫酷。图片缩略图按网格的布局一行行排列，你只需点击按钮即可让这些图片出现不可思议的动画效果，值得一看。
这是一款基于jQuery和CSS3的图片动画，该图片动画是洗牌的效果，我们只需点击切换按钮，即可一张张切换图片。另外，如果你长按住按钮不放，图片的洗牌效果就会更加明显和有趣，该jQuery图片一共有3中效果。
之前我们分享了不少焦点图插件，包括jQuery焦点图和HTML5焦点图，效果都非常不错。今天的这款jQuery焦点图插件看起来非常简单，但是无论从外观和实用价值上看都相当不错。这款jQuery焦点图的图片是横向滚动的，两侧均有左右滑动按钮。
HTML5 3D动画实现起来非常方便，之前介绍过基于jQuery的3D旋转插件是利用多张多视角图片播放来实现的，而今天分享的这款HTML5 3D旋转动画是利用纯HTML5技术实现的，该动画实现了HTML5 Logo旋转的效果。
这是一款基于HTML5和CSS3的3D相册浏览插件，它可以将相册中的图片以3D的方式展示出来，并且你可以滑动下面的滑杆来滑动图片浏览，同时，我们也可以指定数字让其直接跳转到指定的图片。这款HTML5 3D图片轮播动画用起来非常棒。
今天我们要来分享一款基于jQuery的焦点图插件，这款jQuery焦点图功能十分强大，有以下两个特点：第一是焦点图带有缩略图预览，当鼠标滑过对应图片的按钮时，即可弹出缩略图；第二是焦点图的滑块内容可以自定义，可以是图片，也可以是任何HTML元素，因此也非常的灵活。另外，焦点图的切换动画也有多种，非常炫酷。
之前我们已经分享过很多jQuery焦点图插件了，很多焦点图都非常实用，可以应用到自己的网站上去。这次要分享的也是一款基于jQuery的全屏方式滑块焦点图插件，滑块的内容可以自定义，可以是几张图片的组合，也可以是横幅广告。
以上就是8个实用炫酷的HTML5图片动画应用，欢迎收藏分享。