<div class="bg"></div>
.bg {
  background: #fff url(http://www.dutamediateknologi.com/images/slider/2.jpg) repeat 0 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
$('.bg').mousemove(function(e) {
    var x = (e.pageX * -1 / 5), y = (e.pageY * -1 / 5);
    $(this).css('background-position', x + 'px ' + y + 'px');
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js