Online værktøj CSS Box Shadow Generator

color
color

Opret egenskaberne for din boksskygge for at få CSS-stilen.

Brug skyderne og farvevælgeren til at indstille værdierne og se live forhåndsvisningen, indtil du når den ønskede effekt. Vælg skift til højre ned, spredning, sløring, opacitet, farve.

Vælg en brugerdefineret farve til forhåndsvisningsbaggrunden og dette objekt.

 

Tilføj flere Box-Shadows

Webbrowsere giver os mulighed for at tilføje mere end én skygge til vores design, og det samme gør dette onlineværktøj. Brug knappen Tilføj ny for at gemme den aktuelle linje og oprette en ny. 

 

CSS syntaks

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

Bemærk:  For at vedhæfte mere end én skygge til et element skal du tilføje en kommasepareret liste over skygger (se "Prøv det selv"-eksemplet nedenfor).