← All tools
CSS Box Shadow Generator
Create and preview CSS box shadows visually.
CSS
box-shadow: 4px 4px 12px 0px #00000040;CSS box-shadow explained
The CSS box-shadow property adds depth and dimension to elements. Control horizontal/vertical offset, blur radius, spread, color, and inset mode. This visual tool lets you see changes in real-time and copy the CSS.