Transition
A CSS transition animates a property from one value to another over a set time when it changes.
Definition
A CSS transition animates a property from one value to another over a set time when it changes.
Use case
A button color fading on hover, or a drawer sliding open, is a transition.
In Figma
Smart animate
Related terms
Articles
An Interactive Guide to CSS Transitions
Builds up the idea interactively, which makes timing easy to feel.
Documentation
CSS transitions
The reference for properties, timing and events.