Om een slagschaduw toe te voegen aan een element met CSS, kun je de eigenschap “box-shadow” gebruiken. De waarde die je aan deze eigenschap geeft, bepaalt hoe de slagschaduw eruit zal zien.
De basis syntax van de “box-shadow” eigenschap is als volgt:
```
box-shadow: horizontale-offset verticale-offset vervaging verspreiding kleur;
```
- “horizontale-offset” verwijst naar de horizontale afstand van de schaduw van het element. Een negatieve waarde zal de schaduw aan de linkerkant van het element plaatsen, terwijl een positieve waarde de schaduw aan de rechterkant plaatst.
- “verticale-offset” verwijst naar de verticale afstand van de schaduw van het element. Een negatieve waarde zal de schaduw boven het element plaatsen, terwijl een positieve waarde de schaduw onder het element plaatst.
- “vervaging” bepaalt hoe wazig de schaduw is. Een hogere waarde zal een waziger schaduw maken.
- “verspreiding” bepaalt hoe breed de schaduw is. Een hogere waarde zal een grotere schaduw maken.
- “kleur” bepaalt de kleur van de schaduw.
Hier is een voorbeeld van hoe je een box-shadow kunt toepassen met CSS:
```
div {
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
```
In dit voorbeeld zal de “div” een zwarte slagschaduw van 10px naar rechts en 10px omlaag hebben. De schaduw zal een vervaging van 5px en een verspreiding van 0px hebben. De schaduw heeft een dekking van 0.75.
Vergeet niet om alle eenheden in pixels (px) te specificeren.
