html css图片展开动画,8个实用炫酷的HTML5图片动画应用

本文作者html5tricks，转载请注明出处

近期我们发布了不少关于

1、CSS3/jQuery实现移动端滑动图片层叠效果

这是一款基于jQuery和CSS3的图片层叠插件，这和我们之前介绍的CSS3图片层叠展开特效有点不同，它支持鼠标滑动切换图片，同时如果在移动端运行的话，也支持触屏滑动来切换图片。这款jQuery图片应用非常适合在手机上使用，效果还不错。

2、HTML5/CSS3图片网格动画特效

HTML5技术可以让网页上的图片变得非常神奇，各种各样的HTML5图片动画特效让你眼花缭乱。今天要分享的这款HTML5图片网格动画特效就非常炫酷。图片缩略图按网格的布局一行行排列，你只需点击按钮即可让这些图片出现不可思议的动画效果，值得一看。

3、jQuery/CSS3图片洗牌切换动画特效

这是一款基于jQuery和CSS3的图片动画特效，该图片动画是洗牌的效果，我们只需点击切换按钮，即可一张张切换图片。另外，如果你长按住按钮不放，图片的洗牌效果就会更加明显和有趣，该jQuery图片特效一共有3中效果。

4、简单实用的jQuery横向图片滚动焦点图插件

之前我们分享了不少焦点图插件，包括

5、3D HTML5 Logo动画

HTML5 3D动画实现起来非常方便，之前介绍过基于jQuery的3D旋转插件是利用多张多视角图片播放来实现的，而今天分享的这款

6、HTML5 3D相册图片轮播动画

这是一款基于HTML5和CSS3的3D相册浏览插件，它可以将相册中的图片以3D的方式展示出来，并且你可以滑动下面的滑杆来滑动图片浏览，同时，我们也可以指定数字让其直接跳转到指定的图片。这款HTML5 3D图片轮播动画用起来非常棒。

7、jQuery带缩略图焦点图插件 自定义滑块内容

今天我们要来分享一款基于jQuery的焦点图插件，这款jQuery焦点图功能十分强大，有以下两个特点：第一是焦点图带有缩略图预览，当鼠标滑过对应图片的按钮时，即可弹出缩略图；第二是焦点图的滑块内容可以自定义，可以是图片，也可以是任何HTML元素，因此也非常的灵活。另外，焦点图的切换动画也有多种，非常炫酷。

8、jQuery全屏滑块焦点图

之前我们已经分享过很多