html5自动轮播代码,HTML5 CSS3 实现3D轮播效果(示例代码)

1.运用之前学到的知识，具体参考：

补充知识点，旋转的时候以旋转元素为中心点，所以子元素的位置如果不以该元素为中心旋转的时候就会飘来飘去，想要固定下来的话可以将子元素的位置调整到以该元素为中心。

将正方体的各个面调整好位置和角度后，为父div添加旋转动画既可实现。

具体代码：

HTML：

CSS：