CSS translate() 函数

translate() 函数是 CSS 的一个内置函数，用于在垂直或水平方向上重新定位元素。它根据给定的参数从当前方向移动元素。

语法

ty 参数是可选的。如果未指定，则假定其值为零。现在，我们将详细讨论每个参数。

参数

tx: 此参数定义了沿 x 轴的平移长度。它表示平移向量的横坐标（水平，x 坐标）。如果我们写 translate(4)，则等同于 translate(4,0)。

ty: 它定义了对应于 y 轴的平移长度。其默认值为 0，当此参数未定义时使用。

让我们通过一些插图来理解这个函数。

示例 1

在此示例中，我们将仅定义 tx 参数的值。

示例 2