Syntax
box-shadow: [inset] offset-x offset-y blur-radius spread-radius color;
CSS Box-Shadow-Generator
Erstelle CSS-Schatten visuell mit Sliders und Presets. Mehrere Schatten-Layer kombinieren und Code direkt kopieren.
Presets
Schatten-Layer
Layer 1 bearbeiten
0px
4px
12px
0px
15%
Generierter CSS-Code
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
Live-Vorschau
Layer-Übersicht
L1: 0px 4px 12px 0px rgba(0, 0, 0, 0.15)
Werbefläche 1
Werbefläche 2
Werbefläche 3
Werbefläche 4
Werbefläche 5
Werbefläche 6
Werbefläche 7
Werbefläche 8
Interesse an einer Werbefläche? Werbung buchen
CSS box-shadow erklärt
Browser-Unterstützung
- • Chrome: vollständig unterstützt
- • Firefox: vollständig unterstützt
- • Safari: vollständig unterstützt
- • Edge: vollständig unterstützt
- • IE 9+: unterstützt