Добавление замедления на requestAnimationFrame

Мне нужно воспроизвести тот же эффект, что и здесь:http://www.chanel.com/fr_FR/mode/haute-couture.html = эффект прокрутки на событие перемещения мыши.

Мне просто нужна помощь в анимации.

    function frame() {
      $('.images-gallery').css({
        'transform': 'translateX('+ -mouseXPerc +'%)'
      });
      requestAnimationFrame(frame);
    }

    requestAnimationFrame(frame);
    $(document).on('mousemove',function(e){
      mouseXPerc = e.pageX/containerWidth*100;

    });

Вот что я сделал до сих пор.Он работает как положено, но, как вы можете себе представить, он довольно сырой, мне нужно немного ослабить это, Как я могу отредактировать мойframe() function чтобы получить что-то более гладкое?

Редактировать: я не могу использовать CSS переход / анимацию, так как я изменяю значение в requestAnimationFrame (каждые 1/30 секунды).

Ответы на вопрос(2)

Ваш ответ на вопрос