<h3>Hover the empty box</h3>
<div class="box">
  <img src="https://assets.codepen.io/1480814/1015-800x800.jpg" width="200" height="200">
</div>
.box {
  display: inline-grid;
  border: 2px solid;
}

img {
  transform: translate(200%);
  transition: 999s 999s;
}
.box:hover img {
  transform: translate(0);
  transition: 0s;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.