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

Class	Support
`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

Transition Duration

Previous Page

Transition Timing Function

Next Page