ese es el efecto Parallax amigo ;) ahi te dejo un ejemplo y codigo ;)
HTML:
Código HTML:
Ver original<script src="https://css-tricks.com/examples/StarryNightMoving/js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="https://css-tricks.com/examples/StarryNightMoving/js/jquery.backgroundPosition.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){
$('#background').css({backgroundPosition: '0px 0px'});
$('#background').animate({
backgroundPosition:"(-10000px -2000px)"
}, 480000, 'linear');
});
CSS:
Código CSS:
Ver original#background {
max-height: 204px;
max-width: 1347px;
background: url(http://i3latam.com/wp-content/uploads/2014/08/bg-twitter.jpg) repeat 5% 5%;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 100;
}
Demo: http://codepen.io/AngelKrak/pen/pJpbqx