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

2 votes336 views1 answer
Space between li css
CSS
1 vote402 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
19 votes345 views2 answers
How to underline font in css
CSS
1 vote338 views2 answers
Rainbow text with css
CSS
1 vote331 views1 answer
To make the content of the select2 RTL or LTR
CSS
0 vote340 views10 answers
Stack Overflow
CSS
0 vote329 views1 answer
Css shape-outside
CSS
0 vote321 views1 answer
Storing and receiving FB
CSS
0 vote323 views1 answer
Download styles.css
CSS
0 vote361 views1 answer
Chrome extension css
CSS