https://github.com/valentinmadiot/background-animation-christmas_js

Page de Noël immersive avec GSAP, nuages, traîneau animé et chute de neige. Une ambiance festive responsive parfaite pour sites saisonniers, événements hivernaux ou landing pages de fin d’année.
https://github.com/valentinmadiot/background-animation-christmas_js

animated-sled animated-title christmas christmas-landing cloud-animation css-keyframes decorative-ui festive-webdesign gsap gsap-animation holiday-theme html-css-js interactive-christmas javascript-vanilla mobile-menu onepage-website remix-icons responsive-ui snow-effect winter-design

Last synced: 5 days ago
JSON representation

Page de Noël immersive avec GSAP, nuages, traîneau animé et chute de neige. Une ambiance festive responsive parfaite pour sites saisonniers, événements hivernaux ou landing pages de fin d’année.

• Host: GitHub
• URL: https://github.com/valentinmadiot/background-animation-christmas_js
• Owner: ValentinMadiot
• Created: 2025-06-21T17:55:11.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2025-06-29T16:58:57.000Z (4 months ago)
• Last Synced: 2025-06-29T17:45:08.044Z (4 months ago)
• Topics: animated-sled, animated-title, christmas, christmas-landing, cloud-animation, css-keyframes, decorative-ui, festive-webdesign, gsap, gsap-animation, holiday-theme, html-css-js, interactive-christmas, javascript-vanilla, mobile-menu, onepage-website, remix-icons, responsive-ui, snow-effect, winter-design
• Language: CSS
• Homepage: https://background-animation-christmas.netlify.app/
• Size: 173 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
  

    

      

    

    

  
🎄 Animation de Fond  –  Noël
  



## 
 📌 Sommaire

    🎨   [**Introduction**](#introduction)


    🛠️   [**Technologies**](#technologies)


    🎯   [**Fonctionnalités**](#fonctionnalités)


    🚀   [**Installation**](#installation)


## 
 🎨 Introduction

Landing page festive sur le thème de Noël, animée avec **GSAP**, chariot en mouvement, nuages flottants et neige interactive. Le design immersif transporte l’utilisateur dans une ambiance hivernale et enchantée.

Parfaite pour les sites saisonniers, campagnes de fin d’année ou pages d’accueil thématiques, chaque élément visuel contribue à créer une atmosphère chaleureuse, dynamique et engageante.

## 
 🛠️ Technologies

- HTML5 sémantique et accessible

- CSS3 moderne avec variables, media queries et animations

- JavaScript ES6 clair et modulaire

- [GSAP](https://greensock.com/gsap/) pour les animations fluides

- [Snow.js](https://app.embed.im/snow.js) pour les flocons de neige

- [Remix Icons](https://remixicon.com/) pour les icônes vectorielles

## 
 🎯 Fonctionnalités

- Chariot du Père Noël animé avec keyframes

- Apparitions synchronisées d’éléments GSAP

- Neige animée via Snow.js

- Nuages défilants avec animation fluide

- Titre central animé Joyeux Noël

- Design responsive et adaptatif

- Menu de navigation mobile animé

- Ambiance visuelle immersive et festive

## 
 🚀 Installation

### ✅ Prérequis

- [Google Chrome](https://www.google.com/) — Navigateur moderne

- [Visual Studio Code](https://code.visualstudio.com/) — Éditeur de code

- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) — Extension VS Code

### 📥 Cloner le projet

```bash

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

cd background-animation-christmas_js

```

### ▶️ Lancer le projet

Ouvre simplement le fichier `index.html` dans ton navigateur, ou utilise l’extension **Live Server** pour une prévisualisation dynamique.