https://github.com/valentinmadiot/background-animation-pirate_js
Animation front-end immersive sur le thème des pirates avec effets visuels marins, menu responsive et design 100% adaptatif. Parfait pour une page d’accueil originale ou projet créatif.
https://github.com/valentinmadiot/background-animation-pirate_js
animated-header animated-interface background-animation creative-coding css-animations frontend-project hero-section html-css-js interactive-ui landing-page mobile-first nav-animation navigation-bar onepage-website pirate-ship pirate-theme remix-icons responsive-design ui-design wave-animation
Last synced: 12 months ago
JSON representation
Animation front-end immersive sur le thème des pirates avec effets visuels marins, menu responsive et design 100% adaptatif. Parfait pour une page d’accueil originale ou projet créatif.
- Host: GitHub
- URL: https://github.com/valentinmadiot/background-animation-pirate_js
- Owner: ValentinMadiot
- Created: 2025-02-18T15:40:53.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-26T20:55:36.000Z (12 months ago)
- Last Synced: 2025-06-26T22:07:43.841Z (12 months ago)
- Topics: animated-header, animated-interface, background-animation, creative-coding, css-animations, frontend-project, hero-section, html-css-js, interactive-ui, landing-page, mobile-first, nav-animation, navigation-bar, onepage-website, pirate-ship, pirate-theme, remix-icons, responsive-design, ui-design, wave-animation
- Language: CSS
- Homepage: https://background-animation-pirate.netlify.app/
- Size: 218 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🏴☠️ Animation de Fond – Pirate
##
📌 Sommaire
🎨 [**Introduction**](#introduction)
🛠️ [**Technologies**](#technologies)
🎯 [**Fonctionnalités**](#fonctionnalités)
🚀 [**Installation**](#installation)
Landing page immersive sur le thème de la piraterie, mêlant animation des vagues, nuages en mouvement et bateau flottant. L’ensemble crée une scène vivante et responsive, idéale pour jeux, événements ou récits maritimes.
Chaque élément visuel contribue à plonger l’utilisateur dans un univers graphique unique, inspiré des légendes et aventures en haute mer.
- HTML5 sémantique et accessible
- CSS3 moderne avec variables, media queries et animations
- JavaScript ES6 clair et modulaire
- [Remix Icons](https://remixicon.com/) pour les icônes vectorielles
- Bateau animé en flottement continu via CSS
- Animation fluide des vagues avec effet de profondeur
- Nuages animés en boucle pour enrichir le décor
- Navigation fluide avec menu responsive
- Apparition d'une ombre sur l'en-tête lors du défilement
- Bouton d'appel à l’action animé “Explorer maintenant”
- Typographies personnalisées à l’esthétique marine
- Design responsive adapté à toutes les résolutions d’écran
### ✅ 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-pirate_js
cd background-animation-pirate_js
```
### ▶️ Lancer le projet
Ouvre simplement le fichier `index.html` dans ton navigateur, ou utilise **Live Server** pour le visualiser dynamiquement.