Générateur de Dégradé CSS
Choisissez deux couleurs, linéaire ou radial et l’angle. Voyez l’aperçu du dégradé et copiez le CSS.
Comment ça marche
- 1
Choisissez deux couleurs
Codes HEX de début et de fin.
- 2
Choisissez type et angle
Linéaire avec n’importe quel angle, ou radial.
- 3
Copiez le CSS
Collez-le dans votre feuille de style.
Outils associés
Les outils que l'on utilise juste après celui-ci.
Conçu pour ne pas vous ralentir
487
Outils disponibles
6
Langues
0
Filigranes ajoutés
2h
Avant suppression de vos fichiers
100%
Gratuit pour commencer
∞
Appareils compatibles
Questions fréquentes
0deg va de bas en haut, 90deg de gauche à droite, 180deg de haut en bas.
Des dégradés sans tâtonner
Les dégradés CSS remplacent les images de fond par une seule ligne de code : chargement rapide, netteté sur tout écran et modification facile. Les dégradés linéaires suivent un angle (90deg va de gauche à droite) ; les radiaux partent du centre.
L’outil affiche un aperçu en direct et produit la déclaration background, à coller directement dans votre CSS. Rien n’est envoyé.