Adjust blur, spread, offset, and color in a preview, then copy the CSS box-shadow value.
The CSS box-shadow property adds one or more shadows to an element. Each layer can set horizontal and vertical offset, blur, spread, color and opacity.
This generator updates the preview as you edit layers. Combine outer or inset shadows to build a complete effect, then copy the resulting CSS declaration.
Use it to tune elevation for cards, buttons, dialogs and other interface elements.