DEV Community

Tromo SM
Tromo SM

Posted on • Edited on

1

Google search hover animation

#googlesearch #googleimage #hoveranimation #google

this is how you can get the scale animation that google search image animation.

This animation uses scale animation inside a Div so the sizing never changes

The image is called "imgg" and the Div (the container of the image) is called "imff"

https://codepen.io/pen?template=OPJJOpB

Top comments (0)

profile
Heroku
 Promoted

Heroku

Tired of jumping between terminals, dashboards, and code?

Check out this demo showcasing how tools like Cursor can connect to Heroku through the MCP, letting you trigger actions like deployments, scaling, or provisioning—all without leaving your editor.

Learn More

👋 Kindness is contagious

Dive into this insightful article, celebrated by the caring DEV Community. Programmers from all walks of life are invited to share and expand our collective wisdom.

A simple thank-you can make someone’s day—drop your kudos in the comments!

On DEV, spreading knowledge paves the way and strengthens our community ties. If this piece helped you, a brief note of appreciation to the author truly counts.

Let’s Go!