CSS translateY() 函数
- Mababu wa juu Funksheni ya CSS translateX()
- Pya zaidi Funksheni ya CSS url()
- Kutumia ukubwa wa juu Kitabu cha mafanikio ya matukio ya CSS
定义和用法
CSS的 translateY() 函数允许您沿y轴（垂直方向）重新定位元素。
translateY() 函数在 transform 属性中使用。
实例
沿垂直方向重新定位不同的<div>元素：
#myDiv1 {
transform: translateY(30px); /* 将元素沿y轴移动30px */
}
#myDiv2 {
transform: translateY(50px); /* 将元素沿y轴移动50px */
}
#myDiv3 {
transform: translateY(-10px); /* 将元素沿y轴移动-10px */
}
CSS语法
translateY(y)
| 值 | 描述 |
|---|---|
| y | 必需。定义元素沿y轴移动的距离，可以是数字或百分比。 |
技术细节
| 版本： | CSS Transforms Module Level 1 |
|---|
浏览器支持
表格中的数字表示首个完全支持该函数的浏览器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1 | 12 | 3.5 | 3.1 | 10.5 |
相关页面
教程：CSS 2D变换
Marejeo:Mfano wa transform wa CSS
Marejeo:Funksheni ya CSS translate()
Marejeo:Funksheni ya CSS translateX()
Marejeo:Mfano wa transform wa HTML DOM
- Mababu wa juu Funksheni ya CSS translateX()
- Pya zaidi Funksheni ya CSS url()
- Kutumia ukubwa wa juu Kitabu cha mafanikio ya matukio ya CSS
