ZappTools
Tools
Pricing
Support
Sign in / Sign up
Tools
Design & color
CSS shadow & glass generator
CSS shadow & glass generator
Browser
Subscription
Related tools
Color palette generator
Browser
Subscription
CSS gradient generator
Browser
Subscription
HEX / RGB / HSL converter
Browser
Subscription
Persian font previewer
Browser
Subscription
Box shadow
Glassmorphism
Layer 1
Layer 2
Layer
Horizontal offset · 0px
Vertical offset · 12px
Blur · 32px
Spread · -8px
Color
Opacity · 35%
Inner shadow (inset)
CSS
Copy
box-shadow: 0px 12px 32px -8px rgba(76, 29, 149, 0.35), 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
CSS shadow & glass generator · ZappTools