10款让人惊叹的HTML5/jQuery图片动画特效

现在网页上的图片已经不再是10几年前那种低像素的静态图片了，有了HTML5和jQuery，我们可以让一张普通的图片变得多姿多彩，特别是利用HTML5，还可以实现一些很复杂的图片动画特效。下面分享的10款图片特效就是基于HTML5和jQuery的，一起来看看吧。

1、HTML5相册照片浏览器 可连接Flickr照片服务

       以前我们经常会分享一些jQuery相册浏览插件，效果不错，实用性也很强。不过如果能利用HTML5来实现相册浏览器，那么相册浏览效果肯定会更加炫酷。今天分享的这款HTML5相册浏览器可以连接到Flickr获取照片，也可以连接到you**获取视频，照片在初始化的时候有波浪般的效果。

在线演示        源码下载

2、CSS3图片模糊效果

         今天我们来分享一款利用CSS3技术让图片模糊的效果，我们只需要将鼠标滑过图片，就可以让图片产生模糊的特效，利用CSS3实现图片模糊效果也非常简单，用CSS3中的filter属性即可，针对不同浏览器用-webkit-filter、-moz-filter、-o-filter和-ms-filter。

在线演示        源码下载

3、HTML5 3D幻灯片播放特效 可自定义图片参数

         今天我们要来分享一款功能非常强大的HTML5幻灯片播放特效，图片是响应式布局，可以根据窗口大小自动展示成一列或者两列。点击图片即可展示图片的详细信息，包括图片的文字描述。图片在展开的时候有非常酷的3D特效，相当不错的HTML5幻灯片插件。

在线演示        源码下载

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

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

在线演示        源码下载

5、HTML5 3D相册浏览 震撼人心

        前几天我刚刚分享过一款HTML5 3D图片插件HTML5 3D立体图片旋转播放展示，确实利用HTML5技术来做各种图片动画都非常炫。今天我们再来看一款HTML5 3D相册浏览应用，图片可以手动播放，也可以自动播放，效果非常震撼，赶紧把这款HTML5 3D相册分享给你的朋友吧。

 

在线演示        源码下载