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 vote212 views1 answer
Css inverted border radius
CSS
18 votes178 views4 answers
Background color none
CSS
8 votes182 views2 answers
Css background image full screen responsive
CSS
0 vote259 views1 answer
How to set initial state after first time in formik
CSS
1 vote179 views1 answer
Break pre text
CSS
5 votes170 views3 answers
Css glow effect
CSS
5 votes167 views1 answer
How to hange the color of your cursor in css
CSS
1 vote162 views4 answers
Add css to django
CSS
5 votes188 views2 answers
Onclick reload an iframe
CSS
1 vote177 views2 answers
Hover border bottom css fixed
CSS