UTILS.
100 % dans le navigateur

Générateur de dégradé CSS

Créez un dégradé linéaire ou radial avec aperçu en direct et copiez le CSS.

À propos de cet outil

Créez un dégradé linéaire ou radial à deux couleurs en choisissant les couleurs, les positions et un angle, puis copiez la règle de background. L'aperçu en direct fonctionne entièrement dans votre navigateur.

Foire aux questions

Qu'est-ce que l'angle dans un dégradé linéaire ?
L'angle définit la direction de la transition de couleur : 0° pointe vers le haut, 90° vers la droite, 180° vers le bas, et ainsi de suite.
Quand utiliser radial plutôt que linéaire ?
Utilisez radial pour faire rayonner les couleurs vers l'extérieur depuis un point central (comme un projecteur) ; linéaire les fond le long d'une ligne droite.

Plus d'outils