Design beautiful linear and radial gradients with real-time Canvas preview. Copy CSS code instantly.
Un dégradé est une transition douce entre deux ou plusieurs couleurs. Les dégradés ajoutent de la profondeur, de la dimension et un intérêt visuel aux conceptions Web, aux éléments d'interface utilisateur et aux illustrations.
Sélectionnez deux couleurs, choisissez un angle de dégradé et voyez instantanément le résultat sur Canvas. Copiez le code CSS à utiliser dans votre projet.
Quelle est la différence entre les dégradés linéaires et radiaux ? Les dégradés linéaires évoluent le long d'une ligne droite, tandis que les dégradés radiaux rayonnent à partir d'un point central.
Puis-je utiliser des dégradés en CSS ? Oui, utilisez la propriété background-image avec des fonctions de dégradé linéaire ou de dégradé radial.