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

2 votes115 views1 answer
Xpath vs css selector
CSS
22 votes131 views4 answers
Centering with flexbox
CSS
4 votes144 views2 answers
How to remove horizontal scrolling
CSS
0 vote138 views2 answers
Count how many characters in the same position are eqial in both strings
CSS
61 votes128 views3 answers
Css radius background color
CSS
0 vote131 views1 answer
Framework CSS
CSS
0 vote137 views1 answer
Change font size according to screen css
CSS
1 vote123 views1 answer
Css border only top and bottom
CSS
1 vote122 views1 answer
Css animate border bottom on hover
CSS
11 votes138 views2 answers
Css click through an element
CSS