CSS3 3D立方体旋转展示动画

CSS3 3D立方体旋转展示动画

CSS3 3D立方体旋转展示动画,图片拼成的CSS3 3D立方体旋转展示动画特效。

使用方法
需要调用的CSS样式

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

HTML结构

1
2
3
4
5
6
7
8
9
10
<div id="trans3DDemo1">
    <div id="trans3DBoxes1">
        <div class="a1">Front</div>
        <div class="a2">Left</div>
        <div class="a3">Right</div>
        <div class="a4">Top</div>
        <div class="a5">Bottom</div>
        <div class="a6">Back</div>
    </div>
</div>

JS代码

1
2
3
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src='js/TweenMax.min.js'></script>
<script type="text/javascript" src="js/index.js"></script>
当前内容只有登录了才能查看,如果您已经注册,请登录
1

发表评论