Dégradé CSS
Loading tool workspace...
Apportez de la couleur à vos projets web. Notre Générateur de Dégradés CSS permet de créer des transitions de couleur vibrantes et fluides sans écrire une seule ligne de code. Qu’il s’agisse d’un fond linéaire subtil ou d’un éclat radial dynamique, l’éditeur visuel facilite la conception et l’export du CSS parfait.
Créez des arrière-plans professionnels avec une génération de CSS en un clic.
Comment créer des dégradés
- 1
Sélectionnez « Linéaire » ou « Radial » pour choisir le type de dégradé.
- 2
Cliquez sur les points de couleur pour les modifier ou faites-les glisser pour ajuster le mélange.
- 3
Copiez le code complet `background: linear-gradient(...)` pour votre projet.
Mélange des couleurs
Angle et direction
Pour les dégradés linéaires, vous pouvez spécifier un angle (ex. 45deg) ou une direction (ex. vers le bas à droite) pour contrôler le flux des couleurs.
Utiliser plusieurs arrêts
Ajoutez plus de deux couleurs pour créer des transitions complexes en plusieurs étapes, comme un arc-en-ciel ou un coucher de soleil.
Questions fréquentes
Compatibilité avec les anciens navigateurs ?
Les dégradés CSS modernes sont pris en charge par tous les navigateurs actuels. Pour les versions anciennes, nous fournissons une syntaxe standard largement compatible.
Puis-je utiliser la transparence ?
Oui ! Utilisez des couleurs RGBA dans votre dégradé pour créer des effets « fondu vers transparent », parfaits pour les superpositions.
Pourquoi utiliser cet outil ?
- ✓Éditeur visuel glisser-déposer
- ✓Support Linéaire et Radial
- ✓Points de couleur illimités
- ✓Copie/Coller de code instantané