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

145 votes245 views6 answers
Add bootstrap to react
CSS
3 votes194 views3 answers
Add tailwindcss to angular
CSS
13 votes191 views4 answers
Scss transition mixin
CSS
10 votes195 views6 answers
How to install composer on mac
CSS
10 votes269 views3 answers
Html disable suggestions
CSS
0 vote233 views1 answer
Menu always center css
CSS
1 vote196 views1 answer
How to open emoji keyboard windows 10
CSS
1 vote196 views2 answers
Dropdown on hover
CSS
0 vote195 views1 answer
NeuMorphisme button code
CSS
3 votes184 views3 answers
Responsive text css
CSS