Box Shadow Top

You can create box shadow top only by using the box-shadow property. This example will give you idea how to do this easily. You can play around with our box shadow generator controls to create more interesting examples.

Don’t forget to share your amazing results in comments.

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