translateY()

translateY() 是一个CSS函数，用于在垂直方向上移动元素。它是CSS变换函数的一种，属于 <transform-function> 数据类型。

通过使用 translateY()，开发者可以轻松地调整元素在页面上的垂直位置，而不需要改变文档流中的其他元素。这种变换方式在创建动画、调整布局或实现特殊视觉效果时非常有用。

需要注意的是，translateY(ty) 函数实际上等同于 translate(0, ty) 或 translate3d(0, ty, 0)，它只在Y轴（垂直方向）上进行变换，而X轴和Z轴保持不变。

这个函数在现代浏览器中得到了广泛支持，自2015年7月以来，所有主流浏览器都支持这一功能，包括Chrome、Firefox、Safari和Edge等。这使得开发者可以放心地在项目中使用 translateY() 来实现各种垂直变换效果。