基本思路：
1.用一个div#box包含十张图片，div定位为fixed,定位的四个值全部设为0，然后margin设为0，就可以让盒子居中在中间。
2.十张图片设为绝对定位，这样3D动画的中心就会变为外盒子的中心。
3.先让图片向外推出，使用translateZ(680px)，然后设置旋转rotateX,由于旋转中心变为了盒子，因此图片会以盒子为中心而旋转，而不是以自身中轴旋转。这样就会做出图片像众星一样围绕太阳围绕盒子来旋转。
4.前面三步所有元素都是静态而非动态的，给盒子设置动画，让它沿着y轴旋转2圈，沿着x轴上下移动，就可以做到旋转相册的效果
效果如下：
HTML代码如下：
<body>
<div id="box">
<img src="img/1.png" alt="" />
<img src="img/2.png" alt="" />
<img src="img/3.png" alt="" />
<img src="img/4.png" alt="" />
<img src="img/5.png" alt&
最低0.47元/天 解锁文章
扫一扫
536
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
