Bonsoir,
J'ai besoin d'utiliser cette fonction javascript (ci-dessous) pour avoir le résultat attendu, mais pour l'utiliser et l'adapter, j'ai besoin de la comprendre. Si l'un d'entre vous saurais me l'expliquer, je vous en serais reconnaissant
Ce code viens de cette page https://aerotwist.com/blog/flip-your-animations/
Merci d'avance !
J'ai besoin d'utiliser cette fonction javascript (ci-dessous) pour avoir le résultat attendu, mais pour l'utiliser et l'adapter, j'ai besoin de la comprendre. Si l'un d'entre vous saurais me l'expliquer, je vous en serais reconnaissant
Ce code viens de cette page https://aerotwist.com/blog/flip-your-animations/
function go(){
var first = el.getBoundingClientRect();
el.classList.add('flip');
var last = el.getBoundingClientRect();
var invert = first.top - last.top;
el.style.transform =`translateY(${invert}px)`;
requestAnimationFrame(function() {
el.classList.add('animate-on-transforms');
el.style.transform = '';
});
el.addEventListener('transitionend',tidyUpAnimations);
}
Merci d'avance !