À propos Dégradé CSS
Dégradé perceptivement uniforme
Utilisation
Créez des dégradés linéaires et radiaux à plusieurs arrêts, ajustez l’angle et l’espace colorimétrique, puis copiez le CSS fini.
Dégradé CSS
0%
100%
Dégradés linéaires, radiaux et coniques
Un dégradé linéaire mélange les couleurs le long d’une ligne selon un angle choisi. Le radial part d’un centre, le conique tourne autour du centre comme un cercle chromatique.
Placez chaque arrêt entre 0 % et 100 %, puis copiez le CSS généré.
Sortie CSS et performance
Les dégradés CSS sont rendus sans requête d’image, restent nets à toute résolution et s’adaptent aux écrans haute densité.
Deux à trois arrêts suffisent pour la plupart des interfaces. Trop d’arrêts restent légers mais difficiles à maintenir.
Questions fréquentes
Comment utiliser le dégradé généré ?
Copiez la déclaration background et collez-la dans votre règle CSS. L’aperçu et le code se mettent à jour ensemble.
Quel angle choisir ?
0deg pointe vers le haut, 90deg vers la droite, 180deg vers le bas. Les préréglages vont aux directions courantes.
Un dégradé peut-il être transparent ?
Oui. Après copie, utilisez un arrêt transparent ou une valeur rgba dans le CSS.
Les dégradés fonctionnent-ils en e-mail ?
Beaucoup de clients ignorent les dégradés. Prévoyez une couleur unie de secours.