Image Magnifier
Plugin to create a magnifying effect on an image.
Projects /
Plugin to create a magnifying effect on an image.
All components are compatible with CodyFrame, Tailwind CSS or any other CSS framework.
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.
Create a CodyHouse account to unlock members-only features and join our community of web designers!