☕
Kaffee spendieren
Auto
Sprache
Koreanisch
Englisch
Japanisch
Portugiesisch
Deutsch
Box Shadow Generator
Create CSS box shadows with real-time preview
Preview
Background Color:
Shadows (1/5)
+ Add
Shadow Layer #1
Remove
Horizontal Offset (X): 0px
Vertical Offset (Y): 4px
Blur: 6px
Spread: 0px
Color
Opacity: 10%
Inset Shadow
CSS Output
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
Copy
CSS with Vendor Prefixes
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
Copy
Presets
Small Shadow
Medium Shadow
Large Shadow
X-Large Shadow
Verwandte Tools
Alle Generatoren-Tools ansehen
Entdecke Tools, die gut dazu passen.
🆔
UUID
UUID generation
📱
QR Code
QR code generation
✏️
Lorem Ipsum
Dummy text generation
Box Shadow Generator | Developer Tools