Pure CSS image zoom on hover inside a div

You can create image zoom effect using css3 transitions. That means you can Grow an Image or Shrink and Image on mouse hover can be created using CSS3 scaling transformation.

CSS transition

CSS transitions, which are part of the CSS3 set of specifications, provide a way to control animation speed when changing CSS properties.



CSS Code

Check demo and download the full source code using below buttons.

[easy_media_download url=”https://www.tangleskills.com/wp-content/uploads/2017/05/zoom-image.zip”]DEMO