Site de voyage avec destinations, galeries et reservations.
Des particules orangees et turquoise flottent vers le haut dans le hero. Evoque le voyage et le mouvement, et ajoute de la vie a l'image de fond statique.
animation: float 15s infinite + JS createElement dynamique Explorer Atmosphere →Les cartes s'elevent et l'image zoome legerement au survol. Double feedback qui invite a cliquer et simule l'excitation de decouvrir une nouvelle destination.
transform: translateY(-8px) + img scale(1.1) au :hover Explorer Hover & Interactions →Les statistiques du hero et la nav utilisent un fond flou semi-transparent. Permet de superposer du texte lisible sur les photos de paysages sans les cacher.
backdrop-filter: blur(20px) + background: rgba() + border Explorer Glass & Morphism →Un trait degrade orange-turquoise se deploie sous chaque lien au survol. Feedback visuel elegant qui guide la navigation sans perturber la lecture du menu.
::after width: 0 → 100% + background: linear-gradient() Explorer Navigation & UI →L'image de fond du hero change automatiquement avec une transition en fondu. Montre plusieurs destinations sans que le visiteur ait a interagir.
animation: fadeInUp 0.8s ease-out + CSS transitions Explorer Galerie & Media →Les cartes de type de voyage (aventure, luxe, culture) s'elevent avec un changement d'icone colore. Rend la selection de type de voyage ludique et engageante.
transform: translateY(-8px) + ::before gradient + icon scale(1.1) Explorer Cartes & Layouts →Les chiffres cles (destinations, voyageurs, note) apparaissent avec une animation de fondu. Apporte de la credibilite et de la confiance des le premier ecran.
animation: fadeInUp 0.8s ease-out 0.3s backwards Explorer Data & Visualisation →