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 vote238 views1 answer
Table td data in middle
CSS
1 vote159 views1 answer
@media only screen and (min-width : 1279px) and (max-width : 1400px)
CSS
2 votes172 views2 answers
Css text shadow -m
CSS
33 votes170 views6 answers
Linear gradient css
CSS
3 votes174 views1 answer
Zoom in to picture on html css
CSS
0 vote135 views1 answer
Padding 4 values
CSS
4 votes175 views1 answer
Make something unclickable css
CSS
5 votes161 views1 answer
Css cheat sheet
CSS
19 votes186 views2 answers
How to underline font in css
CSS
10 votes185 views3 answers
Css on click
CSS