Adicionando atenuação a pedidoAnimationFrame

Eu preciso reproduzir o mesmo efeito que aqui:http://www.chanel.com/fr_FR/mode/haute-couture.html = um efeito de furto no evento de movimentação do mouse.

Eu só preciso de ajuda na parte de animação.

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

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

    });

Aqui está o que eu fiz até agora.Funciona como deveria, mas como você pode imaginar, é bem cru, eu preciso de alguma ajuda nisso. Como posso editar meuframe() function obter algo mais suave?

Editar: não consigo usar a transição / animação CSS, pois altero o valor de requestAnimationFrame (a cada 1/30 s).

questionAnswers(2)

yourAnswerToTheQuestion