特效介绍

基于CSS3,一共九种炫酷的缩略图列表展示动画,鼠标浮动到缩略图上,会以九种不同的动画展开,如扇形、百叶窗、弧形、视差效果等。
使用方法
1、引入sim-prev-anim.css2、div挂特定的class,如“sim-anim-8”等,里面加入缩略图
01 | < div class = "sim-anim-8" > |
02 | < img src = "_assets/studio_0001.jpg" /> |
03 | < img src = "_assets/studio_0002.jpg" /> |
04 | < img src = "_assets/studio_0009.jpg" /> |
05 | < img src = "_assets/studio_0004.jpg" /> |
06 | < img src = "_assets/studio_0005.jpg" /> |
07 | < img src = "_assets/studio_0006.jpg" /> |
08 | < img src = "_assets/studio_0007.jpg" /> |
09 | < img src = "_assets/studio_0008.jpg" /> |
10 | < img src = "_assets/studio_0003.jpg" /> |
11 | </ div > |
sim-anim-1
sim-anim-2
sim-anim-3
sim-anim-4
sim-anim-5
sim-anim-6
sim-anim-7
sim-anim-8
sim-anim-9