Generatore di box-shadow CSS

Crea una dichiarazione CSS box-shadow da scostamento, sfocatura, estensione e colore.

Grafica Senza conservazione

Guida rapida

Un esempio da provare

Inserisci

Scostamento orizzontale (px)
0
Scostamento verticale (px)
4
Raggio di sfocatura (px)
12
Estensione (px)
0
Colore esadecimale
#00000033
Posizione dell’ombra
Esterna

Ottieni

box-shadow: 0px 4px 12px 0px #00000033;
Come funziona e limiti

Inserisci lunghezze in pixel e un colore esadecimale a sei o otto cifre. Un’estensione negativa riduce l’ombra.