Créez vos dégradés CSS et copiez le code en un clic
Composez des dégradés linéaires ou radiaux, ajustez les couleurs et l'angle, et copiez la propriété background prête à coller.
En bref
Comment créer un dégradé en CSS ?
Utilisez linear-gradient() ou radial-gradient() dans la propriété background, avec un angle puis les couleurs : background: linear-gradient(135deg, #d4af37, #0a0a0a). L'outil génère le code prêt à copier.
Quelle différence entre linear-gradient et radial-gradient ?
linear-gradient fait varier la couleur le long d'une ligne droite selon un angle. radial-gradient part d'un point central et rayonne vers l'extérieur en cercle ou en ellipse.
Cet outil fonctionne entièrement dans votre navigateur. La page est générée statiquement au build pour un affichage quasi instantané.
Aller plus loin
Notre sélection d'outils partenaires pour approfondir le sujet.
Outils complémentaires
Poursuivez avec ces outils de la même catégorie.