Dégradé

Dégradés CSS

90°
0%
100%
background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);

Questions fréquentes

Quels types de dégradés CSS existent ?
CSS supporte linear-gradient (ligne droite), radial-gradient (circulaire) et conic-gradient (autour d'un point central). Chacun peut avoir plusieurs arrêts de couleur.
Comment créer un dégradé fluide ?
Utilisez des couleurs proches sur le cercle chromatique, ajoutez des arrêts de couleur intermédiaires et évitez les couleurs complémentaires qui peuvent créer des points médians boueux.
Puis-je animer les dégradés CSS ?
Les dégradés CSS ne peuvent pas être animés directement, mais vous pouvez animer background-position ou utiliser des propriétés personnalisées CSS avec @property pour des transitions fluides.