22 lines
704 B
JavaScript
22 lines
704 B
JavaScript
// 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
|