Lesson 3 of 3 · 8 min

Tasteful animation

transition animates property changes smoothly: transition: transform 0.2s ease.

Animate transform and opacity — they are cheap; animating layout properties causes stutter.

Practice

Add a hover effect that gently scales a button using transform.

Optional resources

No purchase or partner signup is required to complete this course or earn quiz points.

These are official product links, not active affiliate links. Learnly does not currently earn a commission from them.

Reference grid, media queries and transitions as you build.

Free documentation.

Prototype layouts and hover effects in the browser.

Free plan available; Pro features optional.