Creating a zoom effect image hover using CSS3

HTML

<div class="holder">
  <img src="https://pixabay.com/static/uploads/photo/2015/12/03/10/43/cat-1074657_960_720.jpg">
</div>

CSS

.holder {
margin:3em;
display:inline-block;
}

.holder img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.holder:hover img {
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}