CSS translateY() 函数

定义和用法

CSS 的 translateY() 函数允许您沿 y 轴（垂直方向）重新定位元素。

translateY() 函数在 transform 属性中使用。

实例

沿垂直方向重新定位不同的

元素：

#myDiv1 {
  transform: translateY(30px); /* 将元素沿 y 轴移动 30px */
}
#myDiv2 {
  transform: translateY(50px); /* 将元素沿 y 轴移动 50px */
}
#myDiv3 {
  transform: translateY(-10px); /* 将元素沿 y 轴移动 -10px */
}

亲自试一试

CSS 语法

translateY(y)
值 描述
y 必需。定义元素沿 y 轴移动的距离，可以是数字或百分比。

Ìpamọ́pamọ́ ìmọ̀

Ìtọ́lẹ̀: CSS Transfòshi Module Level 1

Àwọn ìṣàwáríkiri tí ó ní ààyè

Àwọn àwọn àwọn ìpamọ́pamọ́ lọ́wọ́lọ́wọ́ pàtàkì pàtàkì fún àwọn ìṣàwáríkiri tí ó ní ààyè láti máa ṣe àwọn ìṣe pàtàkì pàtàkì.

Chrome Edge Firefox Sàfàri Òperà
1 12 3.5 3.1 10.5

Pàjè pàpà

Tiràbìrì:CSS 2D Transfòshi

参考：Hausa transform attibuti

参考：CSS translate() 函数

参考：Hausa CSS translate() function

参考：HTML DOM transform 属性