Box Shadow & Glass Studio
Design multi-layered CSS box shadows and frosted glassmorphism surfaces with live sliders.
Shadow Stack
Multi-Layer Box Shadows (2)
Surface & Glassmorphism
Card & Stage Styling
Interactive Stage
Live Elevation Preview
PREVIEW CARD
Elevation & Frosted Glass
2 active shadow layer(s) • 18px radius
Generated CSS Properties
background: rgba(30, 41, 59, 0.90);
border-radius: 18px;
box-shadow: 0px 16px 32px -8px rgba(2, 6, 23, 0.55),
inset 0px 1px 0px 0px rgba(255, 255, 255, 0.14);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);Related in Images & Design
More tools in this category
Color Palette
Convert between HEX, RGB, HSL, and HWB color formats and verify WCAG contrast ratios.
Image Converter
Convert images between PNG, JPG, and WebP formats locally with adjustable quality.
Image Resizer
Resize images by exact pixel dimensions or percentage scale while preserving aspect ratio.
Image Cropper
Crop, rotate, and flip images using common aspect ratio presets or freeform selection.