下面我将一步步讲解如何使用纯CSS实现旋转魔方转盘的效果。总的来说，我们需要实现以下两个主要功能：构建一个可以旋转的立方体，让立方体具备基本轮播的特性，但是在完成以上两点之前，我们需要了解或者熟悉一下基础知识CSS3实现其功能点：transitiontransformperspectivepreserve-3danimationtransition属性---过渡效果transition：属性durationtiming-functiondelay；这个属性大家应该很熟悉了，我就不多说了，把它所有的子属性都列出来。Transitionproperty---transitionduration---transitionfunction(curve)---transitiondelaytransition-timing-function:linear|ease|ease-in|ease-out|ease-in-out;basictransitionwithnativeFunctiontransform属性---元素的2D或3D转换它有几种常用的转换方式：scalescale3dtranslatetranslate3drotaterotate3d等。transform-origin：x轴y轴z轴；设置旋转元素的基点位置transform-style:preserve-3d;让变换后的子元素保留3D变换（与perspective一起使用）perspective属性---让元素实现3D透视效果perspective:1000px；transform有两种写法：perspective(1000px);该属性使物体具有立体的3D透视效果，值越大，此时物体离我们眼睛在屏幕上看到的物体越远，反之，如果它的值越小，则为更接近我们的视角，即屏幕上显示的尺寸更大。与preserve-3d一起使用，为需要实现3D效果的父元素构建舞台透视，使其子元素实现真正的3D变换。一个基本的立方体需要结合以上三个属性来实现。立方体
