首页 > 特效插件 > 图像特效 >  css3炫酷缩略图展示动画效果正文

css3炫酷缩略图展示动画效果

特效介绍


    基于CSS3,一共九种炫酷的缩略图列表展示动画,鼠标浮动到缩略图上,会以九种不同的动画展开,如扇形、百叶窗、弧形、视差效果等。
使用方法
1、引入sim-prev-anim.css

2、div挂特定的class,如“sim-anim-8”等,里面加入缩略图
<div class="sim-anim-8">
    <img src="_assets/studio_0001.jpg" />
    <img src="_assets/studio_0002.jpg" />
    <img src="_assets/studio_0009.jpg" />
    <img src="_assets/studio_0004.jpg" />
    <img src="_assets/studio_0005.jpg" />
    <img src="_assets/studio_0006.jpg" />
    <img src="_assets/studio_0007.jpg" />
    <img src="_assets/studio_0008.jpg" />
    <img src="_assets/studio_0003.jpg" />
</div>
特定的class如下,每个class对应不同的效果,详见效果预览:
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
下载 提取码/密码:3fsk(点击复制密码) 预览