3D立方体创建

216 阅读1分钟

3D立方体创建

3D立方体和我们平面有很大的差别,3D是一个立体的,可以看见我们的上下左右各个方向的旋转,而平面我们永远只能看见它的一个面,平面。

创建3D立方体,必须给父元素加添。transform-style: preserve-3d; 还要利用我们学的子绝父相,把6个面都定到一块,才可以慢慢调位置,从而让他成为一个立方体。要想构建立方体,子元素位移大小必须是自身的一半!!!

3D旋转,正X值往屏幕里面方向旋转,负X则相反。正Y值顺时针方向旋转,负Y则相反。正Z值默认旋转,像平面一样旋转。利用我们左手定律,想看哪边方向就左手握拳,然后伸出大拇指,正X值就把大拇指伸向右边,看其他四个弯曲的手指指尖方向就是要旋转的方向。

实列:

使用我们transform:transilate需要调哪个方向就可以写X,Y,Z,其中一个(),利用我们旋转来调整角度。transform:rotate需要调哪个方向就可以写X,Y,Z,其中一个()

\