🔲

Générateur Box Shadow

Créez des ombres CSS visuellement avec notre générateur gratuit. Ajustez flou, extension, couleur et décalage. Copiez le code.

Horizontal Offset: px

Vertical Offset: px

Blur Radius: px

Spread Radius: px

Shadow Color

Opacity: %

Inset

CSS Code

× px

Thème

Couleur

Arrière-plan

Bordure

Couleur de bordure

Coins arrondis

Afficher FreeWebTools Autoriser plein écran Mode compact Activer les animations Arrière-plan transparent

Aperçu

Notez cet outil

✓

Plus d'outils à afficher

ℹ️ À propos de Box Shadow Generator

Créez des ombres CSS personnalisées avec prévisualisation en temps réel.

Design d'interfaces web

Effets de profondeur

Cartes et boutons stylisés

Effets hover élégants

Prototypage rapide

Ajustez les paramètres de l'ombre

Visualisez en temps réel

Choisissez la couleur

Copiez le code CSS

Blur = flou, Spread = taille de l'ombre.

Ajoutez le mot-clé "inset" dans le CSS.

Légèrement. Évitez les ombres excessives sur mobile.