Générateur de box-shadow

Générez facilement la propriété CSS <code>box-shadow</code> pour vos éléments.

Générateur de box-shadow

Cet outil vous permet de générer facilement la propriété CSS <code>box-shadow</code> pour vos éléments. Vous pouvez ajuster le décalage horizontal et vertical, le flou, la propagation, la couleur et choisir l'option 'inset' pour créer des ombres internes. Le code CSS généré s'affiche instantanément et vous pouvez visualiser le rendu en temps réel.

  • Décalage horizontal/vertical : Positionne l'ombre par rapport à l'élément.
  • Flou : Adoucit les bords de l'ombre.
  • Propagation : Agrandit ou réduit la taille de l'ombre.
  • Couleur : Définit la couleur de l'ombre.
  • Inset : Place l'ombre à l'intérieur de l'élément.

Copiez le code CSS généré pour l'utiliser dans vos projets web.

Générez facilement la propriété CSS <code>box-shadow</code> pour vos éléments.

0 px
0 px
10 px
0 px