Onlineverktyg CSS Box Shadow Generator

color
color

Skapa egenskaperna för din boxskugga för att få CSS-stilen.

Använd skjutreglagen och färgväljaren för att ställa in värdena och titta på liveförhandsvisningen tills du når önskad effekt. Välj skift, spridning, oskärpa, opacitet, färg åt höger.

Välj en anpassad färg för förhandsgranskningsbakgrunden och ditt objekt.

 

Lägg till flera Box-Shadows

Webbläsare tillåter oss att lägga till mer än en skuggor till vår design och det gör även detta onlineverktyg. Använd knappen Lägg till ny för att spara den aktuella raden och skapa en ny. 

 

CSS-syntax

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

Obs:  För att fästa mer än en skugga till ett element, lägg till en kommaseparerad lista med skuggor (se "Prova själv"-exemplet nedan).