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

0 vote210 views1 answer
Change size material checkbox
CSS
0 vote198 views1 answer
3d rotating text css
CSS
0 vote237 views1 answer
Regex remove css comment
CSS
0 vote185 views1 answer
I need show the message for when we are clicking routing page in anularjs
CSS
0 vote189 views1 answer
Css gradient bottom page
CSS
11 votes187 views3 answers
Css ellipsis max width
CSS
0 vote203 views2 answers
Css lighten function
CSS
1 vote213 views1 answer
Css ganzer button anklickbar
CSS
0 vote181 views1 answer
Ellipsis css in table cell 2 lines
CSS
-1 vote178 views2 answers
How to scroll fixed position
CSS