Expand description
Utilities for translating elements with transform.
| Class | Properties |
|---|---|
| translate-x-<integer> | transform: translateX(<integer>px); |
| translate-y-<integer> | transform: translateY(<integer>px); |
| translate-z-<integer> | transform: translateZ(<integer>px); |
§Tailwind compatibility
Translate values don’t follow Tailwind’s philosophy of limiting possible values and all spacing values are supported. They are however perfectly compatible with Tailwind’s values.
§Arbitrary values
Any <length> or <percentage> property is allowed as arbitrary value.
For example, translate-y-[1.45rem].
§Negative values
This plugin supports negative values. For example, -translate-x-2 or hover:-translate-x-2.