Box Shadow Generator

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

Preview

box-shadow: ;

Horizontal Length10px

Vertical Length10px

Blur Radius5px

Spread Radius0px

Opacity50%

Inset

Shadow Color

#000000

Box Color

#3b82f6

Background Color

#ffffff

Related Tools

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

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

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

Calculate aspect ratios, find missing dimensions, and use common presets like 16:9 and 4:3. Perfect for designers and video editors.