All videosLayout & design
Image magnification on hover

Image magnification on hover

Your website or your ecommerce store might have images that contain intricate details — for instance, product photos or artwork. With a little custom code, you can give your visitors the power to hover over and magnify portions of these images — and they won’t even have to lift a finger to do it. Unless they're on a mobile device, in which case, there's a higher probability they'll lift their finger.

Copy the custom code here: https://image-magnification-code-snippet.webflow.io/

00:00​ - Introduction 00:35​ - Paste the custom code into your project 01:28​ - Add a class to your images to identify the images with the magnification 02:22​ - Style the magnifier (specifically the size, shape, and shadow)

Read about it: https://university.webflow.com/lesson/image-magnification-on-hover