🛸 Animation de Fond  –  Page 404

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Cette page 404 offre une expérience visuelle originale sur le thème de l’espace, mêlant animations GSAP, éléments flottants et design galactique. Elle propose un retour humoristique et stylisé "sur Terre".

Idéale pour remplacer les pages d’erreur traditionnelles, elle valorise l’image de marque avec une approche immersive, élégante et parfaitement responsive.

🛠️ Technologies

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

🎯 Fonctionnalités

• Animation d’éléments spatiaux avec GSAP (planètes, vaisseau, OVNI, etc.)
• Design responsive et adaptatif à tous les écrans
• Navigation mobile avec menu animé (toggle)
• Effet d’ombre sur le header au scroll
• Blobs CSS animés avec interpolation fluide
• Message d’erreur clair, texte personnalisé et CTA
• Intégration simple dans n’importe quel site web

🚀 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-404_js
cd background-animation-404_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.