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

67 votes279 views3 answers
St. Patrick's Day
CSS
0 vote171 views1 answer
Opposite of :not css
CSS
0 vote159 views2 answers
Centralizing a table with css
CSS
0 vote213 views1 answer
GET /style.css HTTP/1.1" 404
CSS
0 vote225 views1 answer
Move list item to left css
CSS
1 vote184 views2 answers
Centrer verticalement css
CSS
2 votes182 views1 answer
Css no bottom ouline
CSS
32 votes172 views5 answers
Css text align right
CSS
0 vote166 views1 answer
Matrix multiplication markdown
CSS
8 votes177 views2 answers
Center image with position absolute
CSS