CSS Box Shadow Generator

Create beautiful CSS box shadows with live preview and presets

Horizontal Offset

0px

Vertical Offset

4px

Blur Radius

8px

Spread Radius

0px

Opacity

20%

Shadow Color

Preview

Hover to interact

CSS Code

-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);

More Tools You Might Like

Password Generator

Create strong, secure and random passwords

CSS Gradient Generator

Create beautiful CSS gradients and copy the code

CSS Formatter

Format and beautify your CSS code with proper indentation and spacing

text

css

converter

Lorem Ipsum Generator

Generate customizable Lorem Ipsum placeholder text for anything.

generator

lorem

ipsum

Credit Card Generator

Generate random credit card numbers for testing purposes

generator

random

finance

Name Generator

Generate random names for different genders and regions using Faker.js

generator

random

names

Countdown Timer

Set a future date or specific duration and watch a real-time countdown