Box Shadow Generator

Generate box-shadow CSS. Adjust offset, blur, spread, color.

CSS
box-shadow: 0px 4px 6px 0px #00000033;

Related tools

CSS Gradient Generator

Generate linear/radial gradient CSS. Set colors and positions, copy code.

⚡ Browser Only🔒 No Upload🚀 Instant Processing

CSS Formatter

Format CSS with proper indentation.

⚡ Browser Only🔒 No Upload🚀 Instant Processing

CSV to JSON

Convert CSV data to JSON format. Paste CSV, get structured JSON.

⚡ Browser Only🔒 No Upload🚀 Instant Processing

JSON Formatter

Format and validate JSON. Paste minified JSON, get pretty-printed output.

⚡ Browser Only🔒 No Upload🚀 Instant Processing

How it works

  1. 1Adjust offsetX, offsetY, blur, spread with sliders.
  2. 2Pick color.
  3. 3Check inset for inner shadow.
  4. 4Copy the generated CSS.

Example

box-shadow: 0 4px 6px -1px #00000033;