Transition & Animation
Transition Timing Function
Utilities for controlling the easing of CSS transitions.
Basic usage
Controlling the easing curve
Use the ease-{timing} utilities to control an element's easing curve.
ease-in
ease-out
ease-in-out
<button className="**ease-in** duration-300 ...">Button A</button>
<button className="**ease-out** duration-300 ...">Button B</button>
<button className="**ease-in-out** duration-300 ...">Button C</button>