Site elegant pour restaurant avec menu, galerie et reservations.
L'image d'arriere-plan oscille lentement entre scale(1.1) et scale(1), creant une sensation de profondeur cinematique qui plonge le visiteur dans l'atmosphere du restaurant.
animation: heroZoom 20s ease-in-out infinite alternate Explorer Backgrounds →Chaque element apparait avec un delai progressif (0.3s, 0.6s, 0.9s, 1.2s), guidant le regard du visiteur du haut vers le bas dans un effet de cascade elegant.
animation: fadeInUp 1s ease forwards + animation-delay Explorer Scroll & Parallax →La navigation devient semi-transparente avec un flou d'arriere-plan au defilement, gardant le contenu lisible tout en preservant l'immersion visuelle du site.
backdrop-filter: blur(20px) + transition: all 0.4s Explorer Glass & Morphism →Au survol, l'image zoome, un overlay degrade apparait, et le texte descriptif glisse depuis le bas. Triple effet qui transforme une simple galerie en experience interactive.
transform: scale(1.1) + translateY(0) au :hover Explorer Hover & Interactions →La ligne doree sous l'onglet actif s'elargit au survol, et le contenu change avec un fadeIn anime. L'utilisateur comprend instantanement la navigation par categorie.
animation: fadeIn 0.5s + width transition au :hover Explorer Navigation & UI →Un trait lumineux traverse le bouton au survol, imitant un reflet dore. Renforce le caractere premium du restaurant et incite au clic sur les CTA principaux.
linear-gradient + left: -100% to 100% au :hover Explorer Boutons →La carte s'eleve de 5px avec une bordure doree et une ombre portee au survol. Micro-interaction qui rend chaque plat cliquable et met en valeur la selection du visiteur.
transform: translateY(-5px) + border-color: gold Explorer Hover & Interactions →