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 vote230 views1 answer
Getting two scroll bars
CSS
47 votes229 views6 answers
Text-overflow ellipsis css
CSS
0 vote228 views1 answer
How to increase height of input box in css
CSS
9 votes219 views4 answers
Change button size css
CSS
15 votes224 views2 answers
Get rid of arrows number input
CSS
0 vote225 views1 answer
Css local variable
CSS
1 vote242 views1 answer
Text-shadow
CSS
0 vote244 views1 answer
Alternate css animation
CSS
3 votes223 views2 answers
Navbar box shadow
CSS
10 votes228 views6 answers
Css bottom shadow
CSS