GradientForge copie une déclaration background-image complète, pas une classe ni une feuille de style. Insérez-la dans une règle CSS existante. Un gradient est une image : placer linear-gradient() dans background-color n’est pas équivalent.
Lisez la propriété, la fonction et les points
background-image: linear-gradient(135deg, #5B21B6 0%, #22D3EE 100%); contient propriété, deux-points, fonction d’image et point-virgule final. Dans les parenthèses, 135deg donne la direction ; les virgules séparent les points avec couleur hexadécimale à six chiffres et pourcentage. Radial remplace la direction par ellipse at 50% 50% ; conic utilise from 135deg at 50% 50%. Ne placez pas un préfixe radial dans une fonction linéaire.
Gardez le CSS environnant explicite
Définissez séparément un background-color de repli. La déclaration ne fixe ni dimensions, ni marges internes, ni couleur du texte, ni contraste. Un raccourci background ultérieur peut réinitialiser background-image : vérifiez la cascade si le gradient disparaît. Le générateur produit un seul gradient non répété avec pourcentages entiers et couleurs hexadécimales opaques ; il n’analyse pas de CSS existant et n’ajoute ni couches multiples ni préfixes.
Vérifiez la déclaration dans son contexte réel
Gardez un background-color de repli et enregistrez le CSS avant de recharger : les palettes ne sont pas conservées. Testez les navigateurs et dimensions visés. Vérifiez le contraste sur tout le gradient visible, pas en un point ; l’aperçu ne certifie ni accessibilité ni compatibilité.