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

2 votes166 views1 answer
Input type file placeholder
CSS
0 vote157 views1 answer
CSS background blur or glass effect
CSS
0 vote124 views1 answer
How to remove underline from list item in html
CSS
0 vote135 views1 answer
Cannot apply border radius to tr
CSS
0 vote147 views1 answer
Random color scss
CSS
-1 vote136 views1 answer
Css media queries laptop
CSS
0 vote142 views2 answers
Background image syntax in css if it in folder
CSS
1 vote154 views4 answers
Button style css
CSS
3 votes192 views2 answers
How to get rid of underline for links in css
CSS
0 vote135 views1 answer
Jquery change css variiable value
CSS