Les dégradés CSS multi-étapes
La propriété CSS linear-gradient() accepte un nombre illimité d'étapes de couleur (color stops). Chaque étape est définie par une couleur et une position (en pourcentage). En combinant plusieurs étapes, vous pouvez créer des transitions complexes : arc-en-ciel, dégradés avec zones de couleur plate, effets de stripe, et bien plus. Le dégradé conique (conic-gradient), plus récent, permet de créer des effets de camembert et des transitions angulaires spectaculaires.
Linéaire, radial, conique : quand utiliser chaque type ?
Le dégradé linéaire convient aux fonds de sections et aux boutons. Le radial est idéal pour les halos lumineux et les fonds d'écran. Le conique, supporté par tous les navigateurs modernes depuis 2019, permet de créer des effets circulaires uniques : dials de style tableau de bord, effets de rotation de couleurs, séquences angulaires. C'est l'un des outils les plus puissants et les moins utilisés de CSS.