Jquery - анимация положения фона с ослаблением
Я пытаюсь анимировать фон при перемещении мыши с помощью jquery animate. Но не могу понять, как остановить очереди анимации и получить анимацию »следовать" мышь вокруг
HTML:
Animate Background<br>
JS:
$("#animateme").bind('mousemove', function(e) {
$(this).animate({
'background-position-x': e.pageX,
'background-position-y': e.pageY
}, 100, 'swing');
});
Я настроил jsfiddle, чтобы, надеюсь, показать, что я имею в видуhttp://jsfiddle.net/KunZ4/1/
Наведите курсор на верхнее изображение, и вы увидите, что фоновая анимация следует за мышью. Но я хочу добавить к этому некоторое смягчение, чтобы оно было более плавным.
Использование jquery-анимации кажется стоящим в очереди, но я хочу, чтобы анимация немного задерживалась при остановке движения мыши.
Я хочу добиться этого без использования пользовательского интерфейса или плагинов.
Надеюсь, это имеет какой-то смысл