Créez des dégradés linéaires et radiaux CSS visuellement.
Le Générateur de Dégradés CSS vous permet de créer visuellement des dégradés linéaires (linear-gradient) et radiaux (radial-gradient), avec sélecteur de couleur, angle ajustable et troisième couleur optionnelle. Le code CSS est généré à la volée et copiable directement dans votre feuille de style. Parfait pour designers UI, développeurs web et créateurs cherchant des arrière-plans esthétiques sans ouvrir Photoshop.
Linear trace le dégradé en ligne droite d'un point à un autre ; radial part d'un centre et s'étend en cercle — idéal pour boutons et sphères.
0° : bas→haut ; 90° : gauche→droite ; 180° : haut→bas ; 270° : droite→gauche. Valeurs intermédiaires : diagonales.
Oui. Utilisez rgba ou hex à 8 caractères (#FF000080 = rouge à 50 % d'opacité) pour superposer des dégradés translucides sur des images.
Négligeable. Rendu par le GPU, plus léger qu'un PNG/JPG, et net à toute résolution.
Tous les navigateurs modernes depuis 2013 — sans préfixes vendor.