Cool Website Image Zoom Effect (Building Suspense)

Zoom in on press button: As soon as you move the mouse to a specific area, the cursor disappears and is replaced by an element that tracks the cursor and draws attention to the interaction. Depending on how long or short you then hold down the mouse on the surface, an image in the background is enlarged or reduced. This is an excellent way to build up tension and involve the site visitor in the story with a small interaction.

A nice animation effect that Doris from my Webflow online course community drew my attention to. I'll recreate it for you today.

‍

Original effect on the VanMoof website:

‍https://www.vanmoof.com/de-DE/s3?color=dark