Toolzy

Générateur de dégradés CSS

Créez des dégradés CSS linéaires et radiaux visuellement.

background: linear-gradient(90deg, #6366f1, #ec4899);

Concevez un dégradé CSS avec un aperçu en direct et copiez le code de fond prêt à l'emploi.

Comment utiliser

  1. Choisissez linéaire ou radial.
  2. Choisissez les couleurs et l'angle.
  3. Copiez le CSS.

Questions fréquentes

Puis-je ajouter plus d'arrêts de couleur ?
Ce générateur utilise deux arrêts ; vous pouvez étendre le CSS copié à la main.
Où placer le CSS ?
Utilisez-le comme valeur de la propriété background ou background-image.

Outils associés