Question 1

What does this generate?

Accepted Answer

A CSS box-shadow string you can paste into a stylesheet.

Question 2

Does the CSS leave the tab?

Accepted Answer

No. The string is built in the browser.

Question 3

Is this a photo drop-shadow tool?

Accepted Answer

No. It writes CSS for a box, not a filter on an image file.

Question 4

What is spread?

Accepted Answer

It grows or shrinks the shadow before blur is applied.

Question 5

Can I make an inset shadow?

Accepted Answer

Yes, if the control is on. Inset draws the shadow inside the box.

Question 6

Does this install a browser extension?

Accepted Answer

No. You copy text.

Question 7

Can I build a gradient here?

Accepted Answer

No. Use Gradient Generator.

Question 8

Where do I get the color numbers?

Accepted Answer

Type them, or copy hex from Color Picker.

Question 9

Are values stored?

Accepted Answer

No. Close the tab and they are gone.

Question 10

Does this work offline after load?

Accepted Answer

Yes.

Question 11

Will every browser render the shadow the same?

Accepted Answer

Close enough for UI work. Large blurs can still look softer on some GPUs.

Box Shadow Generator - CSS box-shadow in the Tab