css3的translate3d用法是什么?介绍css3的translate3d用法

时间:2022-02-17 16:45:26       来源:php中文网

本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

css3的translate3d用法是什么

translate3d(x,y,z) 作为transform属的值,用于定义 3D 转换。

transform 属向元素应用 2D 或 3D 转换

语法为:

tranform: translate3d(x,y,z)

这三个参数代表的含义:

transform: translateX(100px) :仅在x轴上移动

transform: translateY(100px) : 仅在y轴上移动

transform: translateZ(100px) : 仅在z轴上移动

transform: translate3d(x,y,z) : xyz分别代表要移动的轴的方向的距离

关键词: 参数代表含义 轴方向距离