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 vote195 views2 answers
Laravel default app.css downloD
CSS
0 vote208 views1 answer
How to make div width auto adjust
CSS
0 vote204 views1 answer
Create an irregular shape div css
CSS
0 vote201 views2 answers
Css gradient rgba to hex
CSS
3 votes204 views2 answers
How to change only bullet color in css
CSS
4 votes207 views1 answer
Css overflow truncate
CSS
0 vote216 views1 answer
How to make custom grid
CSS
0 vote214 views1 answer
Css ditribute width equealy to child components
CSS
46 votes213 views2 answers
Customize scrollbar
CSS
0 vote209 views1 answer
No zoom viewport
CSS