Qu'est-ce que Générateur de dégradés ?

Un créateur visuel de dégradés CSS qui vous permet de concevoir des dégradés linéaires, radiaux et coniques avec des points de couleur illimités. Ajustez les angles, positions et couleurs en temps réel et copiez le CSS en un clic.

Comment utiliser

1. Étape 1 — Choisissez le type de dégradé (linéaire, radial ou conique) et définissez la direction ou l'angle à l'aide du curseur ou des boutons prédéfinis.
2. Étape 2 — Ajoutez des points de couleur en cliquant sur la barre de dégradé. Ajustez la couleur et la position de chaque point par glisser-déposer ou en saisissant des valeurs précises.
3. Étape 3 — Prévisualisez le dégradé en direct, puis copiez le code CSS généré dans votre presse-papiers ou téléchargez-le sous forme de fichier CSS.

Résultat

Supposons que vous vouliez un arrière-plan hero aux tons de coucher de soleil. Choisissez un dégradé linéaire à 135°, placez de l'orange à 0%, du rose à 50% et du violet à 100%, puis copiez le CSS dans votre feuille de styles.

Outils similaires