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 vote135 views1 answer
Css class and attribute selector
CSS
13 votes183 views2 answers
How to middle text css
CSS
0 vote190 views1 answer
Box shadow css animation
CSS
0 vote198 views2 answers
Disabled checkbox css
CSS
0 vote190 views1 answer
Smooth button effect css
CSS
0 vote186 views1 answer
.quform-sub-label
CSS
0 vote234 views1 answer
Accessing folders in css
CSS
7 votes188 views3 answers
Border-width in percentage
CSS
0 vote183 views2 answers
Nth-child(2n+1)
CSS
0 vote202 views3 answers
Scroll elementleft using js
CSS