Générateur de dégradés CSS
Concevez des dégradés visuellement et copiez le CSS.
Créez des dégradés linéaires ou radiaux avec deux couleurs, un angle et une position d'arrêt. Visualisez l'aperçu pendant les réglages, puis copiez la déclaration CSS finale.
135°
100%
Couleur de départ
Couleur d'arrivée
background: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);Comment créer un dégradé
- Choisissez linéaire ou radial comme type de dégradé.
- Sélectionnez vos deux couleurs avec les sélecteurs.
- Réglez l'angle et la position d'arrêt avec les curseurs.
- Copiez le CSS généré et collez-le dans votre feuille de styles.
Questions fréquentes
Quelle différence entre linéaire et radial ?
Un dégradé linéaire coule dans une direction le long d'une ligne droite, tandis qu'un radial s'étend depuis un point central.
Puis-je utiliser le résultat dans des styles en ligne ?
Oui. Copiez la déclaration background dans n'importe quelle règle CSS ou attribut style.
Les couleurs quittent-elles mon navigateur ?
Non. Le générateur fonctionne entièrement sur votre appareil, sans aucun envoi.