Generator för CSS box-shadow

Skapa en CSS box-shadow-deklaration utifrån förskjutning, oskärpa, spridning och färg.

Grafik Ingen datalagring

Snabbguide

Prova ett exempel

Du matar in

Horisontell kompensation (px)
0
Vertikal kompensation (px)
4
Blur radie (px)
12
Sprid (px)
0
Hexfärg
#00000033
Shadow position
Utanför

Du får

box-shadow: 0px 4px 12px 0px #00000033;
Så fungerar det och vilka gränser som gäller

Ange längder i pixlar och en sex- eller åttasiffrig hexfärg. Negativ spridning krymper skuggan.