Image zoom

html JavaScript 
<img src="img/kitten.jpg" alt="kitten" id="kitty">
<div id="view" style="background-image: url('img/kitten.jpg')"></div>
<script>
  document.querySelector("#kitty").addEventListener("mousemove", function (e) {
    document.querySelector("#view").style.backgroundPosition = (((-e.offsetX) * 2) + 50) + "px " + (((-e.offsetY) * 2) + 50) + "px";
  });
</script>
kitten