Générateur d'Ombre CSS

Générez du code CSS box-shadow avec un aperçu visuel

Paramètres d'Ombre

10px
10px
5px
0px
50%
Couleur#000000
box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.50);

Tout savoir sur l'ombre CSS (box-shadow)

Utilisez les ombres pour créer de la profondeur et une hiérarchie visuelle. Attention au temps de peinture (Paint Time) du navigateur : les ombres complexes peuvent ralentir le défilement des pages sur les smartphones.

Accessibilité :

Maintenez un contraste suffisant pour répondre aux normes WCAG, même lors de l'utilisation d'effets visuels avancés.

Confidentialité : Vos réglages restent sur votre ordinateur.