Hero

Hero analytique, actualités

Deux colonnes sur fond noir : un titre long à gauche avec un mot en dégradé lime vers emeraude, un encart de pitch et deux boutons à droite. Le détail repliable de l'encart est un <details>/<summary> natif et non un état React, donc le composant reste sans état, utilisable au clavier et correct avant même que le JavaScript prenne la main. La pastille en haut obtient son contour dégradé sans border-image : le parent porte le dégradé et un pixel de padding, un enfant opaque recouvre le centre, ce qui garde les deux arrondis concentriques. Les trois blocs entrent en décalé via un même keyframe et deux animationDelay inline, le fill-mode both les gardant invisibles pendant leur attente.

AMOUSSOU Siméon Céphas· 4 vues· 1 copies1