Générateur de dégradés CSS
Créez de beaux dégradés CSS linéaires et radiaux avec un aperçu en direct. Ajoutez jusqu'à 5 points de couleur et copiez le CSS prêt à l'emploi instantanément.
Foire aux questions
Qu'est-ce qu'un dégradé CSS ?
Un dégradé CSS est un type d'image qui effectue une transition fluide entre deux couleurs ou plus. Les dégradés sont créés à l'aide des fonctions CSS linear-gradient() ou radial-gradient() et peuvent être utilisés partout où une image est acceptée, comme les arrière-plans.
Quelle est la différence entre les dégradés linéaires et radiaux ?
Un dégradé linéaire effectue la transition des couleurs le long d'une ligne droite à un angle spécifié. Un dégradé radial rayonne vers l'extérieur depuis un point central selon un motif circulaire ou elliptique. Les deux types prennent en charge plusieurs points de couleur pour des effets multicolores complexes.
Comment ajouter plus de couleurs à un dégradé ?
Cliquez sur "Ajouter un point de couleur" pour ajouter jusqu'à 5 points de couleur. Chaque point dispose d'un sélecteur de couleur et d'une position (0–100 %) qui contrôle où la couleur apparaît dans le dégradé. Vous pouvez réorganiser l'effet visuel en ajustant les positions.