Glossary: Tailwind CSS

Transition

Also written: transition, duration-200, ease-out, animate-spin

Utilities that animate changes such as color or position. `duration-200` sets 200 ms and `ease-out` starts fast and slows down; `motion-reduce:` turns it off for visitors who asked for less motion. Utilities like `animate-spin` run ready-made animations.