CSS3 - 3D变换

CSS3 3D变换 - 面向初学者和高级开发人员的CSS教程使用示例，通过简单易用的步骤学习层叠样式表。 CSS2 CSS3属性的完整参考手册。

使用3d变换，我们可以将元素移动到x轴，y轴和z轴.下面的示例清楚地指定元素将如何旋转.

3D变换的方法

以下方法用于调用3D变换 :

Sr.No.	Value&说明
1	matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) 使用过的通过使用16个矩阵值来转换元素
2	translate3d(x,y,z) 用于使用x轴，y轴转换元素和z轴
3	translateX(x) 用于使用x轴转换元素
4	translateY(y) 用于通过使用y轴转换元素
5	translateZ(z) 用于使用y轴转换元素
6	scaleX(x) 用于缩放使用x轴转换元素
7	scaleY(y) 用于扩展使用y轴转换元素
8	scaleY(y) 用于通过使用z轴转换元素
9	rotateX(angle) 用于旋转使用x轴转换元素
10	rotateY(angle) 用于旋转变换元素使用y轴
11	rotateZ(angle) 用于旋转使用z轴转换元素

以下示例显示了x轴3D变换.

tutorials point.com

Rotate X-axis

tutorials point.com.

以下示例显示了y轴3D变换:

tutorials point.com

Rotate Y axis

tutorials point.com.

以下示例显示了Z轴3D变换:

tutorials point.com

rotate Z axis

tutorials point.com.