Transform Origin

Usage

Please refer to the documentation on the Tailwind CSS website

RC notes

Use React Native’s transformOrigin style directly when needed; this RC compiler rejects the named CSS transform origin utilities.

Compatibility

Support applies to the documented values and platforms. See the RC compatibility notes for value limits and native migration alternatives. Browser behavior is evaluated separately.

Class	Support
`origin-center`	Not supported on native
`origin-top`	Not supported on native
`origin-top-right`	Not supported on native
`origin-right`	Not supported on native
`origin-bottom-right`	Not supported on native
`origin-bottom`	Not supported on native
`origin-bottom-left`	Not supported on native
`origin-left`	Not supported on native
`origin-top-left`	Not supported on native

Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

✅ Supported

✔️ Partial support on native

🧪 Experimental support on native

📱 Native only

Not supported on native: rejected by the native CSS engine

🌐 Web only