纯css3 3d动画超酷旋转相册

1、先在body内添加一个box元素，形成一个3D盒子，在用6个小div包裹六个img代表立方体的各个面。

2、给box大盒子设置大小，利用固定定位position：fixed；让其在浏览器中处于居中位置

3、通过position：absolute;属性使六张相册重叠，并设置小div的宽高使其和box大小一致，img设置大小为100%

4、通过transform-origin设置变形原点，利用transform属性让各个面进行对应的旋转和移动，使其在父元素中形成立体相册。

5、利用 @keyframes 关键帧制作名为 conRotate 的3D动画，通过rotate属性值使其绕着X、Y轴旋转，box元素调用该动画即可。