CSS · Motion and transforms

transition

Animates changes to animatable properties when their value changes.

cssRunnable example css course

Syntax

transition: 160ms ease

Example

Try it

.demo { transition: background-color 160ms ease, transform 160ms ease; } .demo:hover { background: #eef6ff; transform: translateY(-2px); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.