Générateur de dégradé CSS
Créez un dégradé CSS (linéaire ou radial) avec aperçu en direct et code prêt à copier.
🔒 100 % côté client — aucune donnée envoyée
Générez un dégradé CSS linéaire ou radial avec aperçu en temps réel et récupérez le code prêt à copier-coller dans votre feuille de style. Ajustez les couleurs, l'angle et les points d'arrêt pour créer des arrière-plans modernes en quelques clics. L'outil fonctionne entièrement dans votre navigateur, sans inscription ni envoi de données.
FAQ
Comment créer un dégradé CSS ?
Choisissez le type (linéaire ou radial), sélectionnez vos couleurs et l'angle, puis copiez la propriété background générée dans votre CSS.
Quelle est la différence entre linear-gradient et radial-gradient ?
linear-gradient crée une transition de couleurs selon une ligne droite (un angle), tandis que radial-gradient rayonne depuis un point central vers l'extérieur.
Peut-on utiliser plus de deux couleurs dans un dégradé ?
Oui, vous pouvez ajouter autant de points d'arrêt (color stops) que nécessaire pour composer des dégradés multicolores.
Le code CSS généré est-il compatible avec tous les navigateurs ?
Les propriétés linear-gradient et radial-gradient sont prises en charge par tous les navigateurs modernes sans préfixe.