Zoom is nothing but a larger view of the object.
We can use transform property of CSS and increase the object size.
The scale() method is helpful to make the object larger.
Let’s add the HTML first and start with a simple div element with a class name hover-zoom.
Let’s add some style to make the div visible.
Finally, add the hover style and make the div element bigger on hover.
Let’s add transition property to add a nice smooth animation.
elements hover scale style transform zoom