How to apply box-shadow only on 3 sides?

Question

I use my CSS page below. He applies a box-shadow on the 4 sides.

I want it to be applied only to the right, bottom and left.

How to apply box-shadow only on 3 sides ?

-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.22);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.22);
-ms-box-shadow: 0 0 10px rgba(0,0,0,0.22);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.22);
box-shadow: 0 0 10px rgba(0,0,0,0.22);

Answer 1

You can always do something like:

.shadow-box {
  background-color: #ddd;
  margin: 0px auto;
  padding: 10px;
  width: 220px;
  box-shadow: 0px 8px 10px gray, 
    -10px 8px 15px gray, 10px 8px 15px gray;
 }

<div class="shadow-box">Box with shadows</div>