Transition Property

Usage

Please refer to the documentation on the Tailwind CSS website

Transitions are powered by react-native-reanimated and support smooth interpolation between style values when classes change.

Supported Features

• Numeric property transitions (e.g. width, height, opacity)
• Color transitions with proper interpolation
• Transitions triggered by class changes on rerender
• Transitions triggered by pseudo-class interactions (e.g. :active)
• Transitions combined with group parent states

Compatibility

transition

transition-all

transition-colors

transition-opacity

transition-transform

transition-{n}

transition-[n]

transition-shadow