Box Shadow Generator
Visually create highly customizable CSS box shadows
Configuration
Preview & Code
CSS Code
box-shadow: 10px 10px 15px -3px rgba(0,0,0,0.1); -webkit-box-shadow: 10px 10px 15px -3px rgba(0,0,0,0.1); -moz-box-shadow: 10px 10px 15px -3px rgba(0,0,0,0.1);
About Box Shadows
The CSS box-shadow property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radii, and color.
This tool helps you visually adjust these parameters to achieve the perfect depth, glow, or drop-shadow effect for your UI components.