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 vote185 views1 answer
How to combine two screen sizes in media queries css
CSS
14 votes237 views5 answers
Input number hide arrows
CSS
0 vote224 views2 answers
Scrolling banner
CSS
3 votes197 views3 answers
Change br height
CSS
15 votes218 views6 answers
Css background full width
CSS
150 votes262 views2 answers
How to link your css file to html
CSS
5 votes230 views3 answers
How to make a dotted hr in css
CSS
2 votes400 views2 answers
Remove input styling
CSS
0 vote207 views1 answer
Rotate box-shadow
CSS
53 votes193 views6 answers
How to underline text in css
CSS