One sided shadow

How to display only one side shadow

  1. First we create our element with a div or something else.
  2. then add a box-shadow property.
  3. Finally in our box-shadow we add a four parameter who is the spread-radiusparameter who increase or decrease the size of the shadow by the amoun specify.

shadow on two adjacent sides

  1. First, we create also an element with a div.
  2. Then we add the box-shadowproperty and we play with the first and second parameter which allow us to set the right and the bottom lenght.

Shadow on two opposite sides