OzTools
CSS TOOLS

CSS Box Shadow Generator.

Create custom box shadows with live preview and one-click copy.

box-shadow: 12px 12px 24px 0px rgba(0, 0, 0, 0.25);

Three simple steps

How to use CSS Box Shadow Generator

1

Set shadow values

Adjust offset, blur and spread.

2

Tune color

Pick color and opacity, then toggle inset if needed.

3

Copy CSS

Copy box-shadow rule for your component.

Continue in / css

View the category
01CSS Gradient GeneratorGenerate linear and radial CSS gradients with live preview.02CSS Border Radius GeneratorAdjust all corner radii and generate border-radius CSS quickly.03CSS Glassmorphism GeneratorBuild frosted-glass cards with blur and transparency controls.04CSS Loader GeneratorGenerate animated CSS loaders including spinner, dots, bars and pulse.05CSS Background Pattern GeneratorCreate reusable background patterns with CSS output.