Tout s'exécute localement dans votre navigateur. Rien n'est envoyé.
Générateur de dégradés CSS
Utilisez cet outil pour créer des dégradés linéaires et radiaux avec arrêts modifiables. Les résultats se mettent à jour instantanément et restent sur votre appareil.
Tout s'exécute localement dans votre navigateur. Rien n'est envoyé.
Créer un dégradé CSS
Arrêts de couleur
Aperçu du dégradé
Générateur de dégradés CSS
Utilisez cet outil pour créer des dégradés linéaires et radiaux avec arrêts modifiables.
Le traitement se fait en JavaScript dans le navigateur, ce qui permet de tester des données privées sans les envoyer à un service externe.
Comment utiliser cet outil
-
Choisissez un type de dégradé
Sélectionnez linéaire ou radial. Pour les dégradés linéaires, ajustez le curseur d’angle.
-
Modifier les arrêts de couleur
Choisissez des couleurs, définissez des positions de 0 à 100 pour cent et ajoutez ou supprimez des arrêts selon vos besoins.
-
Copiez le CSS
Prévisualisez le dégradé et copiez la déclaration background dans votre CSS.
FAQ
Ce générateur de dégradé CSS envoie-t-il quelque chose ?
Non. Le dégradé est généré localement dans votre navigateur.
Puis-je créer des dégradés radiaux ?
Oui. Basculez le type de Linéaire à Radial pour générer un radial-gradient background.
Combien de jeux de couleurs puis-je ajouter ?
Vous pouvez ajouter plusieurs arrêts de couleur et définir chaque position de 0 à 100 pour cent.
Quel CSS produit-il ?
Le résultat est une déclaration background que vous pouvez coller dans une feuille de style ou un attribut style.