Box shadow 2 sides only

div:before, div:after {
  content: " ";
  height: 100%;
  position: absolute;
  top: 0;
  width: 15px;
}
div:before {
  box-shadow: -15px 0 15px -15px inset;
  left: -15px;
}
div:after {
  box-shadow: 15px 0 15px -15px inset;
  right: -15px;
}

div {
  background: #EEEEEE;
  height: 100px;
  margin: 0 50px;
  width: 100px;
  position: relative;
}

Source: stackoverflow.com

Similar codes

15 votes113 views2 answers
Transition background gradient
CSS
1 vote62 views1 answer
Ionic create project css
CSS
1 vote101 views1 answer
Apply css if class not present
CSS
1 vote100 views1 answer
Associate checkbox with label
CSS
1 vote115 views2 answers
Selector css
CSS
1 vote110 views1 answer
Cs and cd in jfet
CSS
0 vote101 views1 answer
Reference images from css in django
CSS
74 votes112 views6 answers
Display flex
CSS
127 votes121 views4 answers
React import bootstrap css
CSS
0 vote148 views1 answer
Inline block and 50% width not aligning items
CSS