ToolNest
HomeToolsFavoritesAbout
ToolNest

Practical tools for work and study—no signup. Policies and operator info are published on-site.

Navigation

  • Tools
  • About ToolNest
  • Guides
  • Favorites
  • Popular Tools

Legal

  • Terms of Service
  • Privacy Policy
  • Licenses
  • Contact
© 2026 ToolNest
  1. Home
  3. Tools
  5. Box Shadow Generator

Box Shadow Generator

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

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

Add to favorites for quick access from the home page

Related tools

Tools often used together with this one

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 Diff

Compare two JSON objects and highlight differences.

⚡ 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;