Translate

Usage

Please refer to the

documentation on the Tailwind CSS website

Compatibility

Class	Native (StyleSheet)	Web (CSS)
translate-x-{n}	✅	✅
translate-x-[n]	✅	✅
translate-y-{n}	✅	✅
translate-y-[n]	✅	✅

Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

✅ Full support

✔️ Partial support

❌ Not supported