Question 1

What parameters does box-shadow support?

Accepted Answer

CSS box-shadow takes offset-x, offset-y, blur-radius, spread-radius, and color. Offset values move the shadow horizontally and vertically. Blur controls the softness. Spread expands or contracts the shadow. You can also toggle the inset keyword to create inner shadows.

Question 2

Can I add multiple shadows?

Accepted Answer

Yes. Click "Add Shadow" to layer multiple shadows on the same element. Each shadow has its own controls for offset, blur, spread, color, opacity, and inset. Multiple shadows are comma-separated in the CSS output.

Question 3

How do I create a soft, modern shadow?

Accepted Answer

For a soft modern shadow, use small offset values (e.g., 0px 4px), a moderate blur (16-24px), no spread, and a low opacity (0.1-0.2). You can also stack two shadows with different blur values for added depth.

Box Shadow Generator

How to Use

FAQ

Related Tools