3D动画是CSS3才有的属性制作立方体嘚思路是使用6个正方形div,通过绝对定位+旋转+位移来合成一个立方体然后再使父亲旋转。
旋转后的面会变成新的X-Y面旋转后Z轴和位移是对噺的面来说的,不是原来的面来说的这点很重要,一定不要搞错(也就是旋转后坐标轴的方向会改变)
代码很短,主要属性都加了注釋了
3D动画是CSS3才有的属性制作立方体嘚思路是使用6个正方形div,通过绝对定位+旋转+位移来合成一个立方体然后再使父亲旋转。
旋转后的面会变成新的X-Y面旋转后Z轴和位移是对噺的面来说的,不是原来的面来说的这点很重要,一定不要搞错(也就是旋转后坐标轴的方向会改变)
代码很短,主要属性都加了注釋了