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

1 vote154 views1 answer
Export database spinup on terminal commands
CSS
0 vote140 views1 answer
Backwards text css
CSS
0 vote165 views1 answer
Css how to remove underline from visited sites
CSS
4 votes137 views4 answers
Change placeholder color
CSS
0 vote142 views4 answers
Tabs css only
CSS
0 vote174 views1 answer
Animating a text in css
CSS
0 vote107 views1 answer
Laravel load css from public
CSS
1 vote155 views1 answer
Css grid minmax function
CSS
1 vote135 views1 answer
How to stop a page from scrolling horizontally
CSS
0 vote140 views1 answer
Every user on your website has an image avatar that is displayed when
CSS