Question 1

What is a CSS box shadow?

Accepted Answer

A CSS box shadow adds a shadow effect around an element. You can control the horizontal offset, vertical offset, blur radius, spread radius, color, and whether it is an inset (inner) shadow.

Question 2

Can I add multiple shadows?

Accepted Answer

Yes. Click 'Add Shadow' to add additional shadows. Each shadow has its own set of controls. Multiple shadows are combined with commas in the CSS output.

Question 3

What does the inset option do?

Accepted Answer

When inset is enabled, the shadow appears inside the element instead of outside. This creates an inner shadow or pressed-in effect.

Question 4

How do offset-x and offset-y work?

Accepted Answer

Offset-x moves the shadow horizontally (positive = right, negative = left). Offset-y moves it vertically (positive = down, negative = up). Both are measured in pixels.

Question 5

Is my data safe?

Accepted Answer

Yes. All shadow generation happens in your browser. No data is sent to any server.

Box Shadow Generator

Box Shadow Generator