Last updated on February 21, 2026

Transform Origin

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

Class	Support
`origin-center`	✅ Full Support
`origin-top`	✅ Full Support
`origin-top-right`	✅ Full Support
`origin-right`	✅ Full Support
`origin-bottom-right`	✅ Full Support
`origin-bottom`	✅ Full Support
`origin-bottom-left`	✅ Full Support
`origin-left`	✅ Full Support
`origin-top-left`	✅ 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

Skew

Previous Page

Translate

Next Page