Skip to main content
Version: v4

Transform Origin

Usageโ€‹

Please refer to the

documentation on the Tailwind CSS website

Compatibilityโ€‹

ClassSupport
origin-center๐ŸŒ Web only
origin-top๐ŸŒ Web only
origin-top-right๐ŸŒ Web only
origin-right๐ŸŒ Web only
origin-bottom-right๐ŸŒ Web only
origin-bottom๐ŸŒ Web only
origin-bottom-left๐ŸŒ Web only
origin-left๐ŸŒ Web only
origin-top-left๐ŸŒ Web only
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

Contributorsโ€‹

We are looking for contributors for the following:

feat: transform-originโ€‹

Please support this React Native Pull Request

originX / originYโ€‹

react-native-reanimated supports originX/originY. We could support these properties until React Native gets proper support.