Een interne schaduw (ook bekend als “inner shadow”) kan gemaakt worden in CSS met behulp van de “box-shadow” eigenschap. Hier is een basisvoorbeeld van hoe je dit kan doen:
```
div {
box-shadow: inset 0px 0px 10px 5px #000000;
}
```
In dit voorbeeld:
- “inset” zorgt ervoor dat de schaduw binnen de div verschijnt, in plaats van er buiten.
- De eerste “0px” waarde bepaalt de horizontale verschuiving van de schaduw.
- De tweede “0px” waarde bepaalt de verticale verschuiving van de schaduw.
- “10px” is de spread radius, of hoe ver de schaduw uitsteekt van de doos.
- “5px” is de blur radius, of hoe wazig de schaduw is.
- “#000000” is de kleur van de schaduw.
Je kunt deze waarden aanpassen om de gewenste schaduw effect te bereiken.
Het is ook belangrijk om te weten dat niet alle browsers deze CSS eigenschap ondersteunen. Voor de beste browser compatibiliteit is het raadzaam om leverancier-specifieke prefixes toe te voegen, zoals “webkit”, “moz”, “ms” en “o”.
