Qu'est-ce qu'une box shadow ?

Une box shadow est un effet graphique qui ajoute une ombre portée à un élément HTML, créant de la profondeur et de l'intérêt visuel.

Comment utiliser le Box Shadow Generator ?

Sélectionnez simplement le type de box shadow souhaité, configurez les propriétés et exportez votre code CSS généré.

Oui, vous pouvez ajuster la couleur, le blur, le spread et la position de votre box shadow pour obtenir l'effet désiré.

Oui, le Box Shadow Generator est complètement gratuit à utiliser, sans aucune limitation ni filigrane.

Oui, vous pouvez utiliser le Box Shadow Generator pour vos projets personnels et commerciaux, gratuitement.

Générez des CSS box-shadow avec aperçu visuel en direct.

Horizontal Offset: 4

Vertical Offset: 4

Blur Radius: 8

Spread Radius: 0

Opacity: 0.3

Color

Inset

Preview

CSS

box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.3);

Choisissez parmi une variété de types de box shadow, y compris inset, outer et des options personnalisées

Ajustez la couleur, le flou, l'étalement et la position de votre box shadow pour obtenir l'effet souhaité

Copiez et collez votre code CSS box-shadow généré dans votre projet ou enregistrez-le pour une utilisation ultérieure

Generate linear and radial CSS gradients visually.

Generate CSS border-radius visually.

Format and beautify CSS code online.