Site pour artiste musical avec player, discographie et tour.
Le titre de l'artiste clignote comme un neon en alternant ombre lumineuse et absence. Cree immediatement l'ambiance club/concert et capte l'attention du visiteur.
animation: neonFlicker 5s infinite + text-shadow multi-couches Explorer Texte & Typo →Les barres d'equalizer montent et descendent en rythme sous le player. Donne l'illusion que la musique joue en temps reel et renforce l'immersion sonore visuelle.
animation: equalizer 0.5s ease-in-out infinite + animation-delay Explorer Data & Visualisation →Le logo et les titres utilisent un degrade rose-violet avec background-clip: text. Renforce l'identite visuelle de l'artiste avec un effet premium sans surcharger.
background: linear-gradient() + -webkit-background-clip: text Explorer Texte & Typo →Les cartes d'album s'elevent avec une ombre rose au survol, et un bouton play apparait en scale. Indique clairement que chaque album est interactif et cliquable.
transform: translateY(-10px) + box-shadow rgba(236,72,153,0.2) Explorer Hover & Interactions →La barre de progression utilise un degrade rose-violet avec un curseur lumineux. Rend le player visuellement attractif et donne un feedback clair sur la position de lecture.
background: linear-gradient(90deg, pink, violet) + ::after glow Explorer Data & Visualisation →Des dizaines de particules roses et violettes flottent en arriere-plan du hero. Cree une atmosphere vivante et immersive typique de l'univers musical electronique.
animation: float + position: absolute + JS createElement Explorer Atmosphere →Des halos radiaux roses et violets eclairent subtilement le fond sombre. Donne de la profondeur sans distraire du contenu — comme un eclairage de scene de concert.
radial-gradient(circle, rgba(236,72,153,0.15), transparent) Explorer Backgrounds →