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