当前位置主页 > 资料库 > 前端教程 > translateZ() | CSS属性参考

translateZ() | CSS属性参考

2016-11-03

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的浏览器兼容性列表如下:

CSS3 3D transform属性的浏览器兼容性列表

相关阅读
Previous:
上一篇:translateY() | CSS属性参考
Next:
下一篇:matrix() | CSS属性参考

我要评论

返回顶部