Plateforme educative avec cours, instructeurs et progres.
Le degrade vert-bleu sur les mots-cles renforce l'identite educative et attire l'oeil sur les chiffres importants (50K+ etudiants, 200+ cours).
background-clip: text + linear-gradient(135deg) Explorer Texte & Typo →L'elevation de 10px au survol avec ombre profonde invite l'etudiant a cliquer. Le changement de bordure colore confirme l'etat interactif.
transform: translateY(-10px) + box-shadow 30px Explorer Hover & Interactions →L'image du cours zoome legerement (scale 1.1) au survol, creant un effet d'immersion qui donne envie de decouvrir le contenu.
transform: scale(1.1) transition 0.4s ease Explorer Hover & Interactions →Les cartes categories montent de 8px avec une ombre verte lumineuse. L'effet guide l'etudiant vers sa thematique preferee rapidement.
translateY(-8px) + box-shadow rgba(16,185,129,0.15) Explorer Cartes & Layouts →La bordure devient verte au focus avec un halo lumineux. Indique clairement a l'etudiant que la recherche est active et prete a recevoir sa requete.
border-color + box-shadow 0 10px 30px au :focus-within Explorer Formulaires →L'icone chevron tourne a 180 degres et le contenu se deploie en douceur. Economise l'espace ecran tout en rendant l'info accessible d'un clic.
max-height transition 0.3s + rotate(180deg) Explorer Transitions →Le flou d'arriere-plan au scroll rend la nav semi-transparente et moderne. L'etudiant garde le contexte visuel tout en naviguant sur la plateforme.
backdrop-filter: blur(20px) + transition padding Explorer Glass & Morphism →