Wat is CSS box-shadow
**box-shadow** is een CSS-eigenschap die schaduwen toevoegt aan HTML-elementen. Het is een essentiële webdesigntechniek die diepte en dimensionaliteit kan uitdrukken met alleen CSS-code zonder afbeeldingen.
box-shadow parameters
**box-shadow** wordt gespecificeerd in de volgorde 'horizontale-offset verticale-offset vervaging spreiding kleur'. Horizontale en verticale offsets bepalen de positie van de schaduw, vervaging regelt de zachtheid van de rand, spreiding regelt de schaduwgrootte en de kleur kan worden gespecificeerd met **RGBA** inclusief transparantie.
inset (Binnenste schaduw)
Het toevoegen van het trefwoord **inset** tekent de schaduw binnen het element in plaats van buiten. Geschikt voor het uitdrukken van ingesprongen formulierinvoer of ingedrukte knopstatussen.
Lagen van meerdere schaduwen
Meerdere **box-shadows** kunnen worden gespecificeerd met kommaseparatie om schaduwen te lagen. **Neumorphism** design combineert lichte en donkere schaduwen om een driedimensionale textuur uit te drukken.