Question 1

What is CSS box-shadow?

Accepted Answer

Box-shadow is a CSS property that adds shadow effects around elements. It supports offset, blur, spread, color, and inset mode.

Question 2

How do I create an inset shadow?

Accepted Answer

Toggle the Inset checkbox. The shadow will appear inside the element instead of outside.

Question 3

Can I add multiple shadows?

Accepted Answer

Yes! Click + Add Layer to stack multiple shadows. Each layer has independent controls.

Question 4

What is the spread radius?

Accepted Answer

Spread makes the shadow larger (positive) or smaller (negative) than the element. It scales the shadow area.

Question 5

How do I copy the CSS code?

Accepted Answer

Click the Copy CSS button. The complete box-shadow property is copied to your clipboard.

Question 6

What is the difference between blur and spread?

Accepted Answer

Blur controls the softness/feather of the shadow edge. Spread controls the overall size of the shadow.

Question 7

Can I use transparent shadow colors?

Accepted Answer

Yes, adjust the opacity slider to create semi-transparent shadows that blend with backgrounds.

Question 8

Is this shadow generator free?

Accepted Answer

Yes, 100% free with no signup. Everything runs in your browser.

🌑 CSS Shadow Generator