📌 相关文章
- translate (1)
- translate - 任何代码示例
- Python | 字符串translate(1)
- Python | 字符串translate
- translate - TypeScript (1)
- SQL Server 中的 TRANSLATE()函数(1)
- SQL Server 中的 TRANSLATE()函数
- jquery translate - Javascript (1)
- XPath 函数 translate() (1)
- translate - TypeScript 代码示例
- jquery translate - Javascript 代码示例
- translate 参数动画 css' - CSS (1)
- PHP | imagickdraw translate()函数
- translate 参数动画 css' - CSS 代码示例
- XPath 函数 translate() - 任何代码示例
- Python string.translate()方法(1)
- Python string.translate()方法
- symfony translate (1)
- Python中的 maketrans() 和 translate() 函数
- Python中的 maketrans() 和 translate() 函数(1)
- D3.js transform.translate()函数
- D3.js transform.translate()函数(1)
- symfony translate - 任何代码示例
- google translate api php (1)
- HTML |画布 translate() 方法
- HTML |画布 translate() 方法(1)
- google translate api php 代码示例
- 如何在python中使用google translate api(1)
- 如何在python代码示例中使用google translate api
📜 CSS translate()函数
📅 最后修改于: 2020-11-05 09:32:06 🧑 作者: Mango
CSS translate()函数
translate()函数是CSS的内置函数，用于在垂直或水平方向上重新定位元素。它根据给定的参数从当前方向移动元素。
句法
transform: translate(tx)
transform: translate(tx,ty)
参数ty是可选的。如果未指定，则假定其值为零。现在，我们将详细讨论每个参数。
参量
tx：此参数定义沿x轴的平移长度。它代表翻译向量的横坐标(水平，x坐标)。如果我们编写translate(4)，那么它将等同于translate(4,0)。
ty：定义与y轴对应的平移长度。其默认值为0，该值在未定义此参数的值时使用。
让我们通过一些插图来了解此函数。
例1
在此示例中，我们将仅定义参数tx的值。
translate() function
Original Image
Translated Image
例2
translate() function
Original Image
Translated Image