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).