Beta
Codophile is currently in active development. Features may change rapidly! 🚀
Codophile
K
Playground
Templates
Effects
Docs
About
Get Started
Back to Tailwind
Transitions
Control state-change animations and timing.
Transition Property
transition-none
transition-all
transition
transition-colors
transition-opacity
transition-shadow
transition-transform
transition-outline
Transition Behavior
transition-discrete
Duration
duration-75
duration-100
duration-150
duration-200
duration-300
duration-500
duration-700
duration-1000
Timing Function
ease-linear
ease-in
ease-out
ease-in-out
Delay
delay-0
delay-75
delay-100
delay-150
delay-200
delay-300
delay-500
delay-700
delay-1000
Reset All
Hover over the element below to trigger the transition effect.
Hover Me!
Trigger state change
Class Output
Copy Classes
transition-all duration-300 ease-in-out delay-0
