À propos de cet outil
Qu'est-ce que le CSS Gradient Generator ?
Créez des dégradés CSS avec un aperçu en direct. Choisissez le type (linéaire, radial, conique), ajoutez un nombre illimité d'arrêts de couleur, réglez l'angle (ou la position pour le radial), puis copiez le CSS généré. Le résultat est compatible avec tous les navigateurs modernes ; pour les anciens navigateurs, nous incluons des préfixes de fournisseurs de secours.
Les designers l'utilisent pour les arrière-plans de bannières, les styles de boutons et l'exploration d'ambiances de marque. Résultat en CSS, classes Tailwind ou SVG.
FAQ · CSS GRADIENT GENERATOR
Questions sur le CSS Gradient Generator
Quels types de dégradés sont pris en charge ?
Linéaire (le plus courant, basé sur un angle), radial (circulaire ou elliptique, positionnable) et conique (le plus récent, déploie les couleurs autour d'un point central, idéal pour des designs de type diagramme circulaire). Tout est généré en CSS standard.
Puis-je exporter au format Tailwind ?
Oui : en plus du CSS brut, le générateur produit des classes utilitaires Tailwind (par exemple `bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`) lorsque les arrêts de couleur correspondent à la palette nommée de Tailwind.
Est-ce gratuit ?
Oui, sans inscription, il fonctionne directement dans le navigateur.