🍎 Animation de Fond  –  Jus de Fruits

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Landing page dynamique et rafraîchissante, animée avec GSAP et TweenMax. Elle met en scène des visuels vitaminés (jus, pommes, feuilles) dans un univers coloré et responsive.

Parfaite pour promouvoir des marques de jus, produits naturels ou projets liés au bien-être, chaque élément flotte ou surgit avec fluidité pour offrir une expérience moderne, vive et gourmande.

🛠️ Technologies

• HTML5 sémantique et accessible
• CSS3 moderne avec variables, media queries et animations
• JavaScript ES6 clair et modulaire
• GSAP + TweenMax pour les animations
• Remix Icons pour les icônes vectorielles

🎯 Fonctionnalités

• Animations de feuilles, pommes, liquide et texte via TweenMax
• Illustration dynamique de boisson fruitée
• Effets de flottaison et apparitions séquentielles
• Navigation fluide avec menu responsive
• Design mobile-first 100% adaptatif
• Visuels SVG positionnés dynamiquement
• Palette de couleurs fraîche et estivale
• Typographie sur mesure via Open Sans et Lemon

🚀 Installation

✅ Prérequis

• Google Chrome — Navigateur moderne
• Visual Studio Code — Éditeur de code
• Live Server — Extension VS Code

📥 Cloner le projet

git clone https://github.com/ValentinMadiot/background-animation-juice_js
cd background-animation-juice_js

▶️ Lancer le projet

Ouvre le fichier index.html dans ton navigateur, ou utilise l’extension Live Server pour un aperçu dynamique.