À propos Dégradé mesh
Superposition radiale avec export CSS et SVG
Utilisation
Concevez des dégradés maillés multipoints lisses et exportez-les en CSS ou SVG pour votre interface.
Dégradé mesh
Quatre dégradés radiaux superposés sur une couleur de base. L’aperçu et le CSS se mettent à jour ensemble.
Qu’est-ce qu’un dégradé mesh
Plusieurs dégradés radiaux se superposent à une couleur de base. Chaque couleur s’estompe vers la transparence à sa position, créant des mélanges doux et organiques sans direction unique visible.
Les couches étant indépendantes, déplacer un centre ne change pas le reste de la composition.
Sortie CSS et SVG
La version CSS utilise background-image avec quatre couches radial-gradient et fonctionne dans les navigateurs modernes. La version SVG est un fichier portable unique pour les outils de design et l’impression.
Questions fréquentes
Pourquoi quatre couleurs ?
Quatre centres donnent assez de profondeur aux héros et aux cartes sans rendre le mélange boueux. Ajoutez des couches dans le code exporté.
Comment garder le texte lisible ?
Placez le texte sur une zone calme, ajoutez un panneau translucide et vérifiez le contraste avec l’outil WCAG.
Est-ce largement pris en charge ?
Les dégradés radiaux en couches CSS sont largement pris en charge. De très vieux navigateurs peuvent n’afficher que la couleur de base.