这个类在顺风 CSS 中接受很多值,其中所有属性都以类的形式覆盖。此类用于通过变换来翻译元素。在 CSS 中,我们通过使用 CSS translate()函数来做到这一点。
翻译课程:
- translate-x-{amount}:这个类保存了对应于 x 轴的平移长度。
- -translate-x-{amount}:该参数保存了反向 x 轴对应的平移长度。
- translate-y-{amount}:该参数保存对应于 y 轴的平移长度。
- -translate-y-{amount}:该参数保存了对应于反向 y 轴的平移长度。
注意:金额完全取决于您的选择,您可以将其设置为百分比,也可以直接输入rem值。
句法:
...
例子:
HTML
GeeksforGeeks
Tailwind CSS Translate Class
输出: