CSS & UI StylingPreview
CSS Box Shadow Generator
Design smooth, multi-layered shadows and glassmorphic elevations with instant CSS and Tailwind copy.
Shadow Controls
Horizontal Offset (X):0px
Vertical Offset (Y):14px
Blur Radius:30px
Spread Radius:-4px
Opacity:30%
Live Shadow Preview
CSS Box Shadow
CSS Code
box-shadow: 0px 14px 30px -4px rgba(124, 58, 237, 0.3);
Tailwind CSS Utility
shadow-[0px_14px_30px_-4px_rgba(124,58,237,0.3)]
Cross-Browser CSS
Generates vendor-prefixed and modern CSS box-shadow properties with full opacity and inset support.
Tailwind CSS Arbitrary Values
Copy ready-to-paste arbitrary Tailwind classes with exact pixel offsets and RGBA color codes.
Glassmorphism Ready
Toggle frosted glass mode with backdrop blur and semi-transparent borders for modern UI design.