🔧

Box Shadow Generator

Developer

Design CSS box shadows visually and copy the code.

box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.1);

Adjust Shadow

Horizontal Offset0px

Vertical Offset10px

Blur Radius25px

Spread Radius-5px

Shadow Color

Inset Shadow

UI Tip

For soft, realistic shadows, use a large blur radius, a small vertical offset, and a very subtle color (like low opacity black). Natural shadows are rarely pitch black.

Related Tools

Sprite Sheet Generator

Images

Combine multiple images into a single sprite sheet for games and web.

Free

Color Palette Extractor

Images

Extract dominant color palettes from any image.

Free

Code Formatter

Developer

Format code in JavaScript, TypeScript, Python, CSS, and more.

Free

Code Minifier

Developer

Minify JavaScript, CSS, and HTML to reduce file size.

Free