<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css-3d旋转</title>
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<!--/*外层最大容器*/-->
<div class="wrap">
<!-- /*包裹所有元素的容器*/-->
<div class="cube">
<!--前面图片 -->
<div class="out_front">
<img src="img/1.jpg" class="pic"/>
</div>
<!--后面图片 -->
<div class="out_back">
<img src="img/2.jpg" class="pic"/>
</div>
<!--左图片 -->
<div class="out_left">
<img src="img/3.jpg" class="pic"/>
</div>
<div class="out_right">
<img src="img/4.jpg" class="pic"/>
</div>
<div class="out_top">
<img src="img/5.jpg" class="pic"/>
</div>
<div class="out_bottom">
<img src="img/6.jpg" class="pic"/>
</div>
<!--小正方体 -->
<span class="in_front">
<img src="img/7.jpg" class="in_pic" />
</span>
<span class="in_back">
<img src="img/8.jpg" class="in_pic" />
</span>
<span class="in_left">
<img src="img/9.jpg" class="in_pic" />
</span>
<span class="in_right">
<img src="img/10.jpg" class="in_pic" />
</span>
<span class="in_top">
<img src="img/11.jpg" class="in_pic" />
</span>
<span class="in_bottom">
<img src="img/12.jpg" class="in_pic" />
</span>
</div>
</div>
</body>
</html>
纯css3实现的3D图片立方体旋转动画特效源码.zip
版权申诉
72 浏览量
2022-10-31
23:58:34
上传
评论
收藏 218KB ZIP 举报
纯css3实现的3D图片立方体旋转动画特效源码.zip （14个子文件） 
132677977989696303 css 
index.css 2KB img 
8.jpg 9KB 2.jpg 15KB 1.jpg 11KB 6.jpg 12KB 3.jpg 8KB 5.jpg 54KB 11.jpg 54KB 4.jpg 9KB 10.jpg 11KB 12.jpg 8KB 9.jpg 12KB 7.jpg 15KB
index.html 1KB资源评论
