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 </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).