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 vote236 views1 answer
Capitalize the first letter of string using CSS
CSS
0 vote222 views3 answers
To build this project, accept the SDK license agreements and install the missing components using the Android Studio SDK Manager.
CSS
33 votes234 views3 answers
Change button shaddow css
CSS
1 vote245 views1 answer
Css button:focus border-radius square
CSS
0 vote246 views1 answer
Css elementos
CSS
3 votes245 views2 answers
Css table row border radius
CSS
79 votes264 views6 answers
Css media query
CSS
0 vote275 views1 answer
Aligning form elements to center in css
CSS
18 votes224 views4 answers
Css font arial
CSS
1 vote244 views1 answer
Sideways linear gradient
CSS