🐪 Animation Parallax de Fond  –  Égypte

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Plongez dans un paysage égyptien animé, où cinq calques (ciel, pyramide, rocher, voyageur, titre) défilent à des vitesses variées pour un effet parallax immersif.

Le mot « Égypte » glisse latéralement avec fluidité, toujours visible à l’écran. L’animation au scroll est optimisée via requestAnimationFrame pour un rendu fluide, même sur mobile.

🛠️ Technologies

• HTML5 sémantique et accessible
• CSS3 moderne avec clamp, media queries, reset minimal
• JavaScript ES6 clair et modulaire
• Remix Icons pour les icônes vectorielles
• API requestAnimationFrame pour des animations fluides

🎯 Fonctionnalités

• Parallax multi-couches fluide en X et Y déclenché au scroll
• Titre animé en profondeur avec translation synchronisée
• Menu mobile responsive avec ouverture et fermeture fluide
• Affichage optimisé sur mobile, tablette et desktop
• Code léger en Vanilla JS, sans dépendances externes
• Palette harmonieuse avec des tons sable et brun antique
• Chargement propre, sans flash ni décalage de contenu
• Accessibilité avec titres, alt images et focus clair

🚀 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-parallax-egypt_js
cd background-parallax-egypt_js

▶️ Lancer le projet

Il suffit d’ouvrir le fichier index.html dans un navigateur, ou d’utiliser l’extension Live Server sur VS Code pour un aperçu dynamique.