Go to homepage

Projects /

Image Magnifier

Plugin to create a magnifying effect on an image.

View Demo

How to

The image magnifier component is used to magnify an image when the user hovers over it. 

You can add a data-scale attribute to the .img-mag element equal to the scale value you want to apply on hover (should be > 1). If no data attribute is passed, the image is scaled up to its natural dimension.

🌅 Demo photo by Jakob Owens on Unsplash.


Bug report & feedback

Component Github page ↗

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.