Online tool CSS Box Shadow Generator

color
color

Maak de eigenschappen van uw vakschaduw om de CSS-stijl te krijgen.

Gebruik de schuifregelaars en de kleurkiezer om de waarden in te stellen en bekijk de live preview totdat je het gewenste effect hebt bereikt. Selecteer de rechts-omlaag shift, spreiding, vervaging, dekking, kleur.

Selecteer een aangepaste kleur voor de voorbeeldachtergrond en uw object.

 

Voeg meerdere box-schaduwen toe

Webbrowsers stellen ons in staat om meer dan één schaduw aan ons ontwerp toe te voegen en dat geldt ook voor deze online tool. Gebruik de knop Nieuwe toevoegen om de huidige regel op te slaan en een nieuwe in te stellen. 

 

CSS-syntaxis

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

Opmerking:  om meer dan één schaduw aan een element toe te voegen, voegt u een door komma's gescheiden lijst met schaduwen toe (zie het voorbeeld "Probeer het zelf" hieronder).