Retour aux outils

Générateur de shadows

Compose des box-shadow CSS multi-couches avec aperçu live.

Fond

Carte

Arrondi20px

Couches d'ombre

1

X0px

Y20px

Flou40px

Étalement-10px

Opacité35%

2

X0px

Y8px

Flou16px

Étalement-6px

Opacité25%

CSS

box-shadow: 0px 20px 40px -10px rgba(255, 0, 200, 0.35),
            0px 8px 16px -6px rgba(59, 130, 246, 0.25);