使用 CSS 沿 x 轴和 y 轴转换元素

使用 translate(x,y) 方法可沿 x 轴和 y 轴转换元素。

我们来看看语法

translate(x,y)

其中，x 是表示平移向量的 x 坐标的长度。

y 是表示平移向量 y 轴分量的长度

我们来看一个示例

div {
   width: 50px;
   height: 50px;
   background-color: orange;
}
.trans {
   transform: translate(20px);
   background-color: black;
}

Chandu yadav

更新日期：2020 年 6 月 20 日

2K+ 浏览

开启你的 职业生涯

完成课程获得认证

开始