Scaling a clipped image on hover

Scaling a clipped image on hover

In this quick tip, we’ll build a clean, timeless hover effect that works on just about any website.

In this quick tip, we’ll build a clean, timeless hover effect that works on just about any website.

It’s subtle, intentional, and easy to reuse — no trendy tricks that age poorly. We’ll start with a simple card, add a smooth image zoom on hover, and wrap it up by turning the whole thing into a flexible, reusable component you can drop anywhere in your layout.

Lesson details

5:41

Lesson details

5:41

Lesson details

5:41