Code Flick TechnologiesToolscodeftech.com

Box Shadow Generator

Compose CSS box-shadow with offset, blur, spread, color, and inset toggle. Live preview and copy-ready CSS.

100% in your browser. Files never uploaded.
CSS
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.25);

How to use

  1. 1
    Tweak the offsets, blur, spread
    Watch the preview update in real time.
  2. 2
    Pick color and opacity
    Inset toggle for inner shadows.
  3. 3
    Copy the CSS
    Drop straight into your stylesheet.

Related tools