Box Shadow Generator

Box Shadow Properties

Inset
Color
Shadow 0
Box Shadow

Presets

AllBootstrapColorfulDirectionalFluent UIInsetLayeredMaterial DesignPrimerTailwind CSSTrendyUI

Element Properties

Color

Box Shadow CSS

box-shadow: 0px 19px 38px 0px rgba(0,0,0,0.3);

Element CSS

.element {
    width: 250px;
    height: 250px;
    background-color: rgba(255, 255, 255, 1);
    color: #000;
    border-radius: 10px;
    box-shadow: 0px 19px 38px 0px rgba(0,0,0,0.3);
  }

CSS box-shadow property applies one or multiple shadows to an HTML element. It is CSS3 property and supported by all major browsers. You can create amazing styles of box shadows by using our Box Shadow Generator. You can try our multiple box shadow generator for multiple shadows.

Box Shadow CSS Syntax

box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit;

Don’t forget to try the inset property to have different results.

Box Shadow Examples