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

49 votes343 views3 answers
Centralize image css
CSS
9 votes401 views3 answers
Css font style
CSS
1 vote430 views2 answers
Css all ids starting with
CSS
0 vote326 views1 answer
Hex color code for tan
CSS
0 vote318 views1 answer
Css how to find all ids that end with something
CSS
0 vote325 views1 answer
Horizontal scroll menu fade edges
CSS
0 vote366 views1 answer
React css change number animation
CSS
2 votes342 views2 answers
How to add box shadow to all sides css
CSS
109 votes350 views6 answers
What is padding in css
CSS
-1 vote331 views1 answer
Hwo to use flexbox to make a nav bar
CSS