Answers for "box shadow only one side"

box shadow border only show left side

<style>
.box-4 {
box-shadow: 5px 0 5px -5px rgba(0,0,0,0.7),
-5px 0 10px -5px rgba(0,0,0,0.7);
}
</style>

one-sided box shadow css

.myDiv
{
  border: 1px solid #333;
  width: 100px;
  height: 100px;

  /* offset-x | offset-y | blur-radius | spread-radius | color */
  box-shadow: 10px 0 5px -2px #888;

  /* 
     Position the shadow on the side of the element
     that you want it to be, then add a negative spread radius
  */
}