Generator CSS box-shadow

Construiți o declarație CSS cutie-umbra de la offset-uri, blur, răspândirea și culoarea.

Grafică Fără stocarea datelor

Ghid rapid

Încearcă un exemplu

Introdu

Offset orizontal (px)
0
Offset vertical (px)
4
Raza încețoșată (px)
12
Extindere (px)
0
Culoare Hex
#00000033
Poziția Shadow
Outside

Obții

box-shadow: 0px 4px 12px 0px #00000033;
Cum funcţionează şi limite

Introdu lungimi în pixeli și o culoare hexazecimală cu șase sau opt cifre. O extindere negativă micșorează umbra.