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 vote322 views1 answer
Text-overflow ellipsis hover tooltip css
CSS
7 votes334 views2 answers
Css set div width to screen
CSS
0 vote344 views2 answers
Difference bw box and border box
CSS
1 vote304 views1 answer
Css how to style a div
CSS
-1 vote305 views1 answer
Css disable scroll mobile
CSS
0 vote303 views1 answer
Custom horizontal scrollbar css
CSS
595 votes518 views10 answers
Gme stock
CSS
0 vote339 views1 answer
Html5 video hide progress bar
CSS
54 votes401 views6 answers
Import font in css
CSS
1 vote318 views1 answer
Kommentar css
CSS