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 vote345 views1 answer
Css tricks stretch content full witdh
CSS
0 vote339 views1 answer
Border buttom color
CSS
62 votes349 views3 answers
Border radius shorthand
CSS
0 vote328 views1 answer
Css tutorial point
CSS
1 vote348 views2 answers
Rainbow text with css
CSS
0 vote339 views1 answer
Nuxt lazy load pages pagination
CSS
3 votes348 views1 answer
How to set text to middle in div
CSS
3 votes301 views2 answers
Rounded borders button css
CSS
7 votes340 views6 answers
Css animation loop
CSS
39 votes339 views6 answers
Css pointer-events
CSS