Générateur de dégradés CSS

Créez de magnifiques dégradés personnalisés pour votre site web et copiez instantanément le code CSS.

Type

#8b5cf6
#3b82f6

Intégrer cet outil

Copiez le code ci-dessous pour intégrer cet outil gratuit sur votre propre site web.

Qu'est-ce qu'un dégradé CSS ?

Foire aux questions

Quelle est la différence entre les dégradés linéaires et radiaux ?

A linear gradient radial gradient

Le CSS généré est-il compatible avec tous les navigateurs ?

Oui, la norme linear-gradient et radial-gradient Les fonctions générées par cet outil sont entièrement prises en charge dans tous les navigateurs web modernes, y compris Chrome, Safari, Firefox et Edge.