Blog avec articles, categories, sidebar et newsletter.
Chaque carte article monte de 8px au survol avec la bordure qui vire au violet. Le titre change aussi de couleur, creant un feedback multi-couches.
transform: translateY(-8px) + border-color transition Explorer Hover & Interactions →Les elements montent de 30px avec un fondu progressif au scroll. Donne un rythme de lecture agreable et evite un affichage brutal de tout le contenu.
opacity 0 → 1 + translateY(30px) IntersectionObserver Explorer Scroll & Parallax →Les tags changent de couleur de fond au survol, passant a violet. Permet au lecteur de decouvrir rapidement les sujets et encourage l'exploration.
background + color transition 0.2s au :hover Explorer Texte & Typo →Le filtre actif passe au fond violet avec bordure assortie. Le lecteur identifie instantanement la categorie selectionnee parmi les options.
background + border-color + color transition 0.2s Explorer Boutons →Le backdrop-filter blur cree une nav semi-transparente qui reste lisible sans masquer completement le contenu. Ideal pour un blog ou le lecteur scrolle beaucoup.
backdrop-filter: blur(20px) + background rgba(10,10,15,0.95) Explorer Glass & Morphism →La bordure vire au violet au focus et le bouton monte de 2px au hover. Un formulaire minimaliste mais interactif qui maximise les inscriptions.
border-color transition + translateY(-2px) au :hover Explorer Formulaires →Le gradient violet-rose sur l'image featured et le gradient sombre en bas assurent la lisibilite du badge "Featured" tout en ajoutant du caractere visuel.
linear-gradient(135deg) + ::before gradient overlay Explorer Backgrounds →