CSS Box Shadow Generator

Create and customize box shadows for your web projects

Horizontal Offset

5px

Vertical Offset

5px

Blur Radius

10px

Spread Radius

0px

Shadow Color

Opacity

75%

Shadow Type

Preview box
(80×80px mobile
100×100px desktop)

CSS Code:

All CSS

Standard

WebKit

Mozilla

Microsoft

box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);
-ms-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);

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

-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);

-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);

-ms-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);