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-snip...

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...

Get started with Webflow: https://wfl.io/2r7cVUW​

Join the Webflow Community: https://webflow.com/community​

https://webflow.com

https://twitter.com/webflow

https://facebook.com/webflow

Contact us

Get in touch

We've developed websites and created custom solutions for over 7 years. Get in touch to learn how we can help you reach your goals.

local_mall

Customized Proposal

We get to work with some of the most innovative companies in business. Feel free to email us to receive a proposal based for your custom solution.

build

Technical Support

We love sharing our knowledge because we come from a background of teaching designers how to use Webflow while on the Webflow Education team. Feel free to email us questions, as we'd be happy to help.

Don't worry, this loading screen is almost as exciting as the actual content