CSS Shadow Generator

Create and customize beautiful box shadows for your elements

Horizontal Offset0px

-50px50px

Vertical Offset10px

-50px50px

Blur Radius20px

0px100px

Spread Radius0px

-50px50px

Opacity10%

0%100%

Inset Shadow

CSS Code

/* CSS Shadow Properties */
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);

/* Example Usage */
.element {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

Rokan Design