Box Shadow Generator Multiple

The CSS box-shadow property applies shadow to elements. This property allows to attach multiple shadows to an element. Amazing results can be achieved by applying multiple shadows to an element. You can try our box shadow generator for single shadow.

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);
CSS

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 Examples