Last updated on June 17, 2025

Transition Property

Usage

Please refer to the documentation on the Tailwind CSS website

CAUTION

Animation support is experimental! We are waiting for your feedback to improve implementation.

Compatibility

ClassSupport
transition
🧪 Experimental Support
transition-all
🧪 Experimental Support
transition-colors
🧪 Experimental Support
transition-opacity
🧪 Experimental Support
transition-transform
🧪 Experimental Support
transition-{n}
🧪 Experimental Support
transition-[n]
🧪 Experimental Support
transition-shadow
🌐 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

On this page