Générateur de dégradés CSS Créez des dégradés linéaires, radiaux et coniques CSS magnifiques avec plusieurs arrêts de couleur et contrôle d'angle.

Les dégradés CSS sont définis à l'aide des propriétés background ou background-image. Les dégradés linéaires utilisent la fonction linear-gradient() avec une direction (angle en degrés ou mots-clés comme vers la droite) suivie d'arrêts de couleur. Chaque arrêt de couleur se compose d'une valeur de couleur et d'une position facultative en pourcentage. Les dégradés radiaux utilisent radial-gradient() avec un mot-clé de forme (cercle ou ellipse) et des mots-clés de taille. Les dégradés coniques utilisent conic-gradient() pour les transitions de couleur balayées. Plusieurs arrêts de couleur créent des transitions complexes - vous pouvez utiliser deux arrêts à la même position pour des limites de couleur rigides. Pour les performances, les dégradés CSS sont rendus par le navigateur et ne nécessitent pas de téléchargement d'images. Ils sont indépendants de la résolution et apparaissent nets sur n'importe quelle densité d'affichage. Utilisez le préfixe -webkit- pour prendre en charge les anciens navigateurs, bien que les navigateurs modernes prennent en charge les dégradés sans préfixes. Les dégradés peuvent être superposés à l'aide de plusieurs valeurs background séparées par des virgules, permettant ainsi des effets visuels complexes. La propriété background-size contrôle la taille de chaque couche de dégradé lors de la création de motifs répétitifs.