Box Shadow CSS Generator
Visueel CSS box-shadow eigenschappen genereren en bekijken.
Schaduwinstellingen
Pas de schuifregelaars aan om het schaduweffect aan te passen
Schaduw 1
Voorinstellingen
Probeer vooraf gedefinieerde schaduwstijlen
Voorbeeld
Bekijk het gegenereerde schaduweffect
Preview
Gegenereerde CSS
box-shadow: 0px 4px 6px 0px #00000040;Box Shadow Eigenschappen Referentie
Eigenschappenbeschrijvingen
- • X-verschuiving: Horizontale positie van de schaduw (positief: rechts, negatief: links)
- • Y-verschuiving: Verticale positie van de schaduw (positief: onder, negatief: boven)
- • Vervaging: Vervagingsradius van de schaduw (0: scherp, grotere waarden meer vervaagd)
- • Spreiding: Grootte van de schaduw (positief: uitbreiden, negatief: krimpen)
- • Kleur: Kleur van de schaduw (HEX, RGB, RGBA, etc.)
- • Binnen: Of de schaduw een binnenschaduw is