11493 sujets

JavaScript, DOM et API Web HTML5

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 Smiley cligne
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 !