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.

On this page