Box Shadow Bottom

It is very easy to create a box shadow only on one side of an element. Adjusting the values of CSS box-shadow property gives you amazing results. We have shared box shadow bottom only example here.

Play around by changing the values in our box shadow generator to create beautiful shadow effects.

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