Tailwind CSS easing classes

A set of easing functions ready to copy and paste into your Tailwind CSS project.

Duration

ms

Filter

Animation type

linear

ease

ease-in

ease-out

ease-in-out

ease-in-sine

ease-out-sine

ease-in-out-sine

ease-in-quad

ease-out-quad

ease-in-out-quad

ease-in-cubic

ease-out-cubic

ease-in-out-cubic

ease-in-quart

ease-out-quart

ease-in-out-quart

ease-in-quint

ease-out-quint

ease-in-out-quint

ease-in-expo

ease-out-expo

ease-in-out-expo

ease-in-circ

ease-out-circ

ease-in-out-circ

ease-in-back

ease-out-back

ease-in-out-back