Générateur de dégradé linéaire CSS
Créez visuellement des dégradés CSS : type linéaire, radial ou conique, curseur d'angle et jusqu'à six arrêts de couleur avec un aperçu pleine largeur en direct et un code copiable.
Résultat
Cette page ouvre le générateur de dégradé avec le type linéaire déjà sélectionné. Faites glisser le curseur d'angle pour faire pivoter le fondu, ajuster les arrêts de couleur et l'aperçu pleine largeur ainsi que la mise à jour de la ligne CSS à chaque entrée.
Linear-gradient() peint les couleurs le long d’une ligne droite – de loin le dégradé le plus utilisé en CSS. 90 degrés s'étend de gauche à droite, 180 degrés de haut en bas, et tout angle entre les deux donne une diagonale ; les positions d'arrêt en pourcentage déterminent où chaque bande de couleur commence à se fondre dans la suivante.
Lorsque l'aperçu semble correct, copiez la ligne d'arrière-plan dans votre feuille de style. Si vous souhaitez un point de départ au lieu d'une ardoise vierge, les pages prédéfinies du coucher du soleil, de l'océan et du pastel ouvrent ce même outil avec des paires de couleurs éprouvées déjà chargées.