CSS translateZ()
函数用于在三维空间中沿Z轴移动一个元素。
translateZ()
函数的语法如下:
transform: translateZ(tz);
translateZ()
函数可以在Z轴方向上移动元素。参数tz是一个<length>值,不能是百分比值。
正值会使元素沿Z轴正方向上移动,负值会使元素沿Z轴负方向上移动。
示例代码:
transform: translateZ(300px); transform: translateZ(-5em); transform: translateZ(4vh);
浏览器支持
CSS3 3D Transform的浏览器兼容性列表如下: