Générateur d'ombre de boîte

Outil visuel pour créer et copier le code CSS box-shadow.

Arrière-plan

#e0e0e0

Couleur de la boîte

#e0e0e0

Rayon de bordure24px

border-radius: 24px;
background: #e0e0e0;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);

Horizontal0px

Vertical4px

Rayon de flou14px

Rayon de diffusion0px

Couleur d'ombre#000000

Opacité25%

Outils recommandés

Utilitaires sélectionnés qui pourraient vous être utiles

Créez de belles palettes de couleurs et copiez le code CSS.

Extrayez les couleurs des images et générez des palettes de design.

Créez des animations CSS par images-clés visuellement.

Créez des dégradés linéaires et radiaux CSS.

Générez de belles formes blob SVG organiques pour vos designs.

Créez des effets CSS de verre dépoli avec aperçu en temps réel.

Concevez visuellement des clip-paths CSS complexes.

Concevez et exportez de beaux boutons CSS.