Qu’est-ce qu’un dégradé ?
Un dégradé est une transition douce entre deux couleurs ou plus. En web design, on l’utilise beaucoup pour les fonds, les boutons et les en-têtes, car il apporte de la profondeur et un look moderne avec très peu de code.
Dégradé linéaire et radial
Le dégradé linéaire change de couleur le long d’une ligne droite ; vous contrôlez sa direction avec l’angle (0° vers le haut, 90° vers la droite). Le dégradé radial part d’un point central et s’étend en cercle. Ce générateur crée les deux et vous donne le CSS correspondant (linear-gradient ou radial-gradient).
Comment l’utiliser en CSS
Copiez le code et collez-le dans la propriété background de votre élément. Vous pouvez ajouter plusieurs couleurs et modifier chacune d’elles. Si vous avez aussi besoin d’une palette de couleurs assortie, essayez le générateur de palettes ou vérifiez le contraste avant d’y placer du texte.