CSS
Type
Angle
135°
Couleurs
Préréglages

Types de dégradés CSS

Le dégradé linéaire va en ligne droite à l'angle donné. Le radial s'étend depuis le centre en cercle ou ellipse. Le conique tourne autour d'un point central, comme le spectre de la roue chromatique.

Code CSS prêt à l'emploi

L'outil génère la propriété CSS background prête à insérer dans vos styles. Compatible avec tous les navigateurs modernes sans préfixes.

Jusqu'à 5 points de couleur

Ajoutez jusqu'à 5 points de couleur pour des dégradés multicolores complexes. Chaque point définit une couleur et une position en pourcentage. Supprimez les points superflus en un clic.

Questions fréquentes
Comment utiliser un dégradé CSS dans un projet ?
Copiez le CSS généré et collez-le dans la propriété background de n'importe quel élément. Exemple : div { background: linear-gradient(135deg, #3B82F6, #8B5CF6); }
Quelle est la différence entre linéaire et radial ?
Linéaire crée une transition le long d'une ligne droite à un angle. Radial crée une transition circulaire ou elliptique du centre vers les bords. Conique tourne autour d'un point.
Peut-on ajouter plusieurs couleurs ?
Oui, cliquez sur «Ajouter une couleur» — vous pouvez ajouter jusqu'à 5 points. Chaque point définit une couleur et une position de 0 à 100 %.
Cet outil est-il gratuit ?
Oui, complètement gratuit et sans limites. Sans inscription, tout fonctionne dans votre navigateur.