Last updated on September 25, 2025

Translate

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

Class	Support
`translate-x-{n}`	✅ Full Support
`translate-x-[n]`	✅ Full Support
`translate-y-{n}`	✅ Full Support
`translate-y-[n]`	✅ Full Support

Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

✅ Full support

✔️ Partial support on native

🧪 Experimental support on native

📱 Native only

🌐 Web only

Transform Origin

Previous Page

Accent Color

Next Page