ZoutilGénérateur de dégradé CSS
Composez un dégradé et copiez son code CSS, localement.
Un dégradé CSS (linear-gradient) crée une transition douce entre deux couleurs, très utilisée pour les fonds et les boutons. Choisissez deux couleurs et l'angle de la transition : l'aperçu se met à jour en direct et le code CSS prêt à coller s'affiche. Pratique pour un site, une maquette ou une bannière. Tout est généré dans votre navigateur.
Comment ça marche
- 01
Choisissez les couleurs
Couleur de départ et d'arrivée.
- 02
Réglez l'angle
Orientez la transition (0–360°).
- 03
Copiez le CSS
Collez le linear-gradient dans votre feuille de style.
Questions fréquentes
Comment marche l'angle ?
0° fait un dégradé du bas vers le haut, 90° de gauche à droite, 180° du haut vers le bas, etc.
Puis-je mettre plus de deux couleurs ?
Cette version gère deux couleurs ; le CSS permet d'en ajouter en éditant le code obtenu.
Y a-t-il un envoi de données ?
Non, le dégradé est généré dans votre navigateur.