fond

web/themes/custom/colloque2024/js/animation_home.js

@@ -0,0 +1,21 @@
+// Récupérer la forme SVG
+const circle = document.getElementById('circle_orange');
+console.log(circle);
+
+// Fonction pour animer la forme
+function slideIn() {
+  let translateY = -50; // Position de départ (en bas)
+
+  function animate() {
+    translateY += 1; // Déplacement d'un pixel vers le haut à chaque itération
+    circle.setAttribute('transform', `translate(0, ${translateY})`); // Appliquer la transformation
+
+    if (translateY < 200) { // Limite la hauteur à laquelle la forme doit être animée
+      requestAnimationFrame(animate); // Appel récursif de la fonction animate
+    }
+  }
+
+  animate(); // Lancer l'animation
+}
+
+slideIn(); // Lancer l'animation lorsque la page est chargée