Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Hover Zoom Image

Solution: Hover Zoom Image

Let’s create a smooth hover zoom effect on an image using only CSS transform and transition.

We'll cover the following...

Problem description

Given an HTML page with a <div class="image-container"> wrapping an <img class="zoom-img" src="path/to/image.jpg" alt="Sample Image">, write CSS to: ...