html css图片展开动画,9种CSS3炫酷图片预览展示动画特效

这是一组共9款CSS3炫酷图片预览展示动画特效插件。css的新特性可以让我们制作出各种炫酷的动画效果。该图片预览展示动画特效就是一个很好的例子，该效果开始时图片堆叠在一起，当鼠标滑过图片时，图片会以9种不同的方式展开，有扇形、平面展开等等非常酷的效果。

HTML结构

下面来看看这个图片预览展示动画特效的HTML结构。整个结构使用一个div.albums作为包装容器。它的宽度被设置为1100像素。

在.albums中有9个.albums-tab，分别用于制作9种图片展开效果。在它里面有两个元素：.albums-tab-thumb和.albums-tab-text，分别是用于放置图片和图片的标题。