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.

Example:

HTML Code

CSS Code

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

Download Now DEMO