3D效果

transform-style:preserve：给需要做3D动画的元素的父元素开启3D效果

当然，只给元素开启3D效果是没有效果的，这个时候我们需要设置舞台的深度，也就是设置Z轴的大小。

注意：当你设置后，你移动的深度不能够超出舞台深度，一超过舞台深度，你设置的动画效果将会超出Z轴，从而无法使用。

那么我们开启3D效果后，如果需要添加效果，比如：平移translate、旋转rotate……

那么旋转的话就必须有一个原点，或是叫中心点，那么这个时候我们就需要用到一个属性：

perspective：开启3D模式的舞台中心点（中心点）的位置

无论是开启3D效果，模式，还是设置舞台深度，亦或是设置基准点，都是给父元素设置的。

以下是一个立方体旋转效果：