Design
Générateur de dégradé CSS
Créer des dégradés CSS visuellement.
Comment utiliser
Choisissez un préréglage ou créez de zéro : ajoutez des arrêts de couleur, faites glisser les positions, passez entre linéaire / radial / conique. Copiez le CSS ou l’extrait de classe Tailwind.
FAQ
Quels types de dégradés sont pris en charge ?
Linéaire (n’importe quel angle), radial (cercle depuis le centre) et conique (cercle chromatique). Chacun accepte plusieurs points de couleur avec des positions déplaçables.
Comment utiliser le CSS ?
Copiez la ligne background générée dans votre feuille de style, ou collez-la dans une valeur arbitraire Tailwind telle que bg-[linear-gradient(...)].
Puis-je partir d’un préréglage ?
Oui — cliquez sur l’un des 12 préréglages (coucher de soleil, océan, projecteur radial, arc-en-ciel conique et plus), puis ajustez les points et les angles.
Dernière mise à jour: