Mit CSS können Sie einen Schlagschatten auf ein Element anwenden, indem Sie die “box-shadow” Eigenschaft verwenden. Die Syntax für die box-shadow Eigenschaft sieht folgendermaßen aus:
```
box-shadow: horizontale Verschiebung vertikale Verschiebung Unschärfe Radius Farbe;
```
- Horizontale Verschiebung: You can specify the horizontal offset of the shadow. A positive value will place the shadow on the right side of the box, a negative value will place it on the left side.
- Vertikale Verschiebung: You can specify the vertical offset of the shadow. A positive value will place the shadow on the bottom of the box, a negative value will place it on the top.
- Unschärfe: This value is optional and it determines how blurred the shadow is. The higher the value, the more blurred the shadow will be. If you do not specify the blur radius, the browser will set it to 0, resulting in a sharp shadow.
- Radius: This value is optional and it determines the size of the shadow. If you don’t specify the spread radius, the shadow will be as big as the box.
- Farbe: Specifies the color of the shadow.
Hier ist ein Beispiel:
```css
div {
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
```
In diesem Beispiel wird das div-Element einen Schlagschatten haben, der 10 Pixel nach rechts und 10 Pixel nach unten verschoben ist, mit einem Unschärfegrad von 5 Pixel und einer schwarzen Farbe mit 75% Deckkraft.
