Magnifying Glass Hover/Touch Effect for Images

Image: Magnifying Glass Hover/Touch Effect for Images GIF

Here is a simple zoom hover/touch effect for images by Marcel. When you hover over a section of the image you get a nice little cartoony pop effect and then see the image as if you are looking at it through a magnifying glass.

If you are having trouble with the pen, try the archived copy on GitHub

Magnifying Glass Zoom Snippet

See the Pen magnifying image view with zoom 🔍 +touch support by creme (@creme) on CodePen.default

Posted by:Saijo George

Digital Marketer with a strong focus on technical SEO and design. One of the top 100 makers on Producthunt, co-organizer of the SEO Meetup in Melbourne, an instructor at General Assembly. Worked with brands like Envato, AEON. Currently the SEO Strategy Director at Supple.