Skip to content

Landing page de Noël immersive avec effets parallax, animations GSAP et transitions au scroll. Responsive, festive et idéale pour les sites saisonniers ou projets à thème chaleureux.

Notifications You must be signed in to change notification settings

ValentinMadiot/background-parallax-christmas_js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Aperçu du projet Christmas Parallax

🎄 Animation Parallax de Fond  –  Noël


📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

Landing page immersive sur le thème de Noël, combinant effet parallax avec Rellax.js, animations fluides via GSAP et transitions dynamiques grâce à ScrollReveal.js.

Chaque section célèbre l’esprit des fêtes à travers un design chaleureux, poétique et 100 % responsive.

Idéal pour des événements saisonniers, campagnes festives ou projets web à l’ambiance conviviale et magique.

  • HTML5 sémantique et accessible
  • CSS3 moderne avec variables, media queries et animations
  • JavaScript ES6 clair et modulaire
  • Rellax.js pour les effets de parallaxe
  • GSAP pour les animations fluides
  • ScrollReveal.js pour les apparitions au scroll
  • Remix Icons pour les icônes vectorielles
  • Effet parallax fluide sur les éléments visuels
  • Animation séquencée avec GSAP
  • Apparition au scroll avec ScrollReveal.js
  • Snowflakes décoratifs et ambiance immersive
  • Sections À propos, Envoyer et Célébrer dynamiques
  • Navigation responsive avec menu mobile toggle
  • Scroll up et lien actif dynamique
  • Design adaptatif pour toutes résolutions

✅ Prérequis

📥 Cloner le projet

git clone https://github.com/ValentinMadiot/background-parallax-christmas_js
cd background-parallax-christmas_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.