OiO.lk English HTML How to replicate an image zooming out when a cursor hovers above like in the Smithsonian Website?
HTML

How to replicate an image zooming out when a cursor hovers above like in the Smithsonian Website?


How to replicate an image zooming out when a cursor hovers above like in the Smithsonian Website?

I was interested in replicating the style of Smithsonian Website where the image zooms out and the texts becomes hidden when a mouse cursor hovers over it like this gif image below.

Zooming Image

I’m kinda familiar on images that zooms in or out when a mouse cursor hovers over it on websites but the one at the Smithsonian Website looks like its difficult and I don’t know how to code it. It does look attractive.

How do we replicate the image zooming style on Smithsonian Website? A simple example would suffice.

Thanks!

I’m kinda familiar on images that zooms in or our when a mouse cursor hovers over it on websites but the one at the Smithsonian Website looks like its difficult and I don’t know how to code it. It looked attractive but complex



You need to sign in to view this answers

Exit mobile version