Online verktøy CSS Box Shadow Generator

color
color

Lag egenskapene til boksskyggen din for å få CSS-stilen.

Bruk glidebryterne og fargevelgeren til å angi verdiene og se direkte forhåndsvisningen til du når ønsket effekt. Velg høyre-ned forskyvning, spredning, uskarphet, opasitet, farge.

Velg en egendefinert farge for forhåndsvisningsbakgrunnen og objektet ditt.

 

Legg til flere Box-Shadows

Nettlesere lar oss legge til mer enn én skygge til designet vårt, og det samme gjør dette nettverktøyet. Bruk knappen Legg til ny for å lagre gjeldende linje og sette opp en ny. 

 

CSS-syntaks

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

Merk:  For å feste mer enn én skygge til et element, legg til en kommadelt liste over skygger (se eksempelet "Prøv det selv" nedenfor).