Concevez des ombres CSS avec aperçu en direct.
Le Générateur Box Shadow CSS est un outil visuel qui crée la propriété box-shadow avec des curseurs pour chaque valeur : décalage horizontal (X), vertical (Y), flou (blur), extension (spread), couleur et mode intérieur (inset). L'aperçu s'actualise en direct et le code se copie en un clic. Parfait pour cartes, boutons, modales et UI en relief.
blur adoucit les bords et diffuse l'ombre. spread l'étend dans toutes les directions avant le flou — positif agrandit, négatif réduit.
L'ombre normale apparaît à l'extérieur (élévation) ; inset apparaît à l'intérieur (creux, profondeur).
Un noir à 15-25 % paraît plus naturel qu'un noir plein. L'outil ajoute l'opacité 40 automatiquement.
Oui — CSS accepte plusieurs valeurs séparées par des virgules, par ex. une externe douce et une interne nette.
Les grandes ombres à fort blur peuvent ralentir les animations. Préférez transform: scale à un box-shadow animé.