原生js css3属性制作卷筒式的3D立体图片带倒影效果,通过鼠标上下左右来回拖动,图片3D旋转播放特效。

 

 使用方法:

1、head引入css文件

1
<link type="text/css" href="css/style.css" rel="stylesheet" />

2、body引入HTML代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<dl>
    <dt></dt>
    <dd>
        <img src="img/t1.png" />
    </dd>
    <dd>
        <img src="img/t2.png" />
    </dd>
    <dd>
        <img src="img/t3.png" />
    </dd>
    <dd>
        <img src="img/t4.png" />
    </dd>
    <dd>
        <img src="img/t5.png" />
    </dd>
    <dd>
        <img src="img/t6.png" />
    </dd>
    <dd>
        <img src="img/t1.png" />
    </dd>
    <dd>
        <img src="img/t2.png" />
    </dd>
    <dd>
        <img src="img/t3.png" />
    </dd>
    <dd>
        <img src="img/t4.png" />
    </dd>
</dl>
<script type="text/javascript" src="js/script.js"></script>

发表评论

后才能评论