2D场景中在屏幕上水平和垂直的茭叉线x轴和y轴；
3D场景中，在垂直于屏幕的方法相对于2D多出个z轴
z轴：靠近屏幕的方向为正向，远离屏幕的方向反向

1.ty：代表纵向坐标位移向量的长度；
2.tx：代表横向坐标位移向量的长度；
3.tz：代表Z轴位移向量的长度（此值不能为百分比）
在z轴的向量位移的长度。

rotateX（）函数指定一個元素围绕X轴旋转旋转的量被定义为指定的角度；值为正值，则元素围绕X轴顺时针旋转；值为负值元素围绕X轴逆时针旋转。
rotateY（）函数指定一个元素围绕Y轴旋转旋转的量被定义为指定的角度；值为正值，则元素围绕Y轴顺时针旋转；值为负值元素围绕Y轴逆时针旋转。
? x：是一个0到１之间的数值主要用来描述元素围绕X轴旋转的矢量值；
? y：是一个０到１之间的数值，主要用来描述元素围绕Y轴旋转的矢量徝；
? z：是一个０到１之间的数值主要用来描述元素围绕Z轴旋转的矢量值；
? a：是一个角度值，主要用来指定元素在3D空间旋转的角度洳果其值为正值，元素顺时针旋转反之元素逆时针旋转。

css3中的3D缩放主要包括scaleZ（）和scale3d（）两个功能函数；
? sx：横向缩放比例；
? sy：纵向缩放比例；
? sz：Z轴缩放比例；
指定元素每个点在Z轴的比例

css3 3D属性实现一个立方体

通过css3 3D中的属性，可以实现一个简易的立方体代码如下：效果如下：

发布了2 篇原创文章 · 获赞 0 · 访问量 31