Box Shadow Generator

Create custom CSS box shadows visually. Adjust offsets, blur, spread, and color, then copy the CSS code instantly.

Preview

box-shadow: ;

Settings

Horizontal Length10px

Vertical Length10px

Blur Radius5px

Spread Radius0px

Opacity50%

Inset

Colors

Shadow Color

#000000

Box Color

#3b82f6

Background Color

#ffffff

Related Tools

View more Design Tools

Color Converter

Convert colors between HEX, RGB, HSL formats. Preview colors in real-time with an intuitive interface.

CSS Minifier & Beautifier

Format CSS with proper indentation or minify CSS to reduce file size. Beautify messy CSS code and optimize stylesheets for better performance.

CSS Gradient Generator

Create beautiful linear and radial gradients visually. Generate CSS code instantly for your projects.

Color Palette Generator

Extract colors from images and generate harmonious color palettes. Create monochromatic, analogous, complementary, triadic, and tetradic palettes with accessibility checking.