Pure CSS Image Zoom

Zoom an image on hover without displacing other elements as it gets larger - a nice effect to add movement to the page.

Try...

• changing the scale property (last line in CSS) to zoom in even more/less.
• changing image size by editing max height (where it says set as required)

if you want the images stacked rather than side by side delete float: left; and display: inline-block;

See the Pen Image Zoom using only CSS by BennyTuner (@bennysutton) on CodePen.