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

6 votes414 views2 answers
Blink css
CSS
0 vote351 views1 answer
Css grid auto row
CSS
0 vote360 views1 answer
How to middle div
CSS
0 vote368 views1 answer
Css change browser color
CSS
0 vote348 views1 answer
Body{text-align: center;}
CSS
1 vote388 views1 answer
Jquery css multiple line
CSS
15 votes365 views3 answers
Drop shadow image css
CSS
3 votes373 views1 answer
Css how to make text not break
CSS
3 votes335 views1 answer
Background image css django
CSS
0 vote324 views1 answer
ERROR in multi ./node_modules/ngx-toastr/toastr.css ./src/styles.scss
CSS