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 vote127 views1 answer
Chrome hide blue highlight css mobile
CSS
2 votes132 views1 answer
Css set property with data attribute
CSS
0 vote118 views1 answer
Bootstrap accordion some change
CSS
0 vote164 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
1 vote108 views1 answer
Css vw scrollbar
CSS
0 vote117 views1 answer
Copy html css from website
CSS
0 vote67 views1 answer
Visited css
CSS
28 votes123 views5 answers
Default cursor css
CSS
0 vote79 views1 answer
Css logo color
CSS
0 vote111 views1 answer
Tint image css
CSS