<div>
  <img src="http://tsukulog.net/wp-content/uploads/2015/04/5-min.jpg">
</div>
div {
  border: 6px dotted #ddd;
  margin: 0 auto;
  overflow: hidden;
  width: 300px;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
  transition: 0.5s;
}

img:hover {
  -webkit-transform: scale(2);
  transform: scale(2);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.