CSS Box Shadow Generator

Generate CSS box shadows visually. Adjust values and copy the code instantly.

box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.3);

What is CSS Box Shadow?

The CSS box-shadow property adds shadow effects around an element's frame. You can set multiple shadows separated by commas. It is widely used to create depth, elevation effects, and card-style UI components in modern web design.

Box Shadow Syntax

box-shadow: offset-x offset-y blur-radius spread