CSS3 :: 3D转换

2023-07-03 14:00:06 252

3D转换方法

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

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

X轴3D变换

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

tutorials point.com

Rotate X-axis

tutorials point.com.

Y轴3D变换

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

tutorials point.com

Rotate Y axis

tutorials point.com.

Z轴3D变换

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

tutorials point.com

rotate Z axis

tutorials point.com.

CSS3 :: 3D转换

3D转换方法

X轴3D变换

Y轴3D变换

Z轴3D变换

热门推荐

随机推荐