<figure class="demo-2">
  <img src="http://cssparty.com/wp-content/uploads/2017/12/1.jpg" alt="">
</figure>

<figure class="demo-2">
  <img src="http://cssparty.com/wp-content/uploads/2017/12/3.jpg" alt="">
</figure>

<figure class="demo-2">
  <img src="http://cssparty.com/wp-content/uploads/2017/12/2.jpg" alt="">
</figure>
figure{
  width: 300px;
  height: 180px;
  overflow: hidden;
  float: left;
  margin: 0 10px;
}
figure img{
  width: 100%;
  height: auto;
  -webkit-transform: scale(1.4);
	transform: scale(1.4);
  -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
figure.demo-2:hover img{
  -webkit-transform: scale(1);
	transform: scale(1);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.