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 vote251 views1 answer
Ignore default css for react Link
CSS
86 votes244 views6 answers
Css all caps
CSS
8 votes268 views2 answers
Css background image full screen responsive
CSS
-1 vote258 views1 answer
Hwo to use flexbox to make a nav bar
CSS
2 votes268 views1 answer
How to use the transition left in css
CSS
0 vote279 views1 answer
Use flex in container with multiple components
CSS
4 votes264 views2 answers
Css trim text
CSS
3 votes272 views3 answers
Css brightness
CSS
0 vote254 views1 answer
Html print page break
CSS
1 vote242 views1 answer
-webkit css
CSS