Créez des gradients CSS linéaires et radiaux visuellement avec un aperçu en direct.
{{ cssOutput }}Les gradients CSS créent des transitions de couleur fluides entre deux couleurs ou plus. Ils sont couramment utilisés comme arrière-plans pour les boutons, en-têtes, sections hero et éléments décoratifs. Utilisez linear-gradient() pour créer des transitions en ligne droite à n’importe quel angle, ou radial-gradient() pour des transitions circulaires ou elliptiques.
Linear Gradient s’étend le long d’un axe droit — de haut en bas, de gauche à droite ou à n’importe quel angle. Radial Gradient rayonne vers l’extérieur depuis un point central, sous forme de cercle ou d’ellipse. Les deux types prennent en charge un nombre illimité d’arrêts de couleur avec des positions réglables.