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

1 vote229 views1 answer
How to find the key of the largest value hash?
CSS
0 vote282 views1 answer
Font weightcss
CSS
0 vote263 views1 answer
Horizontal rule plus text
CSS
1 vote303 views1 answer
Css font-variant
CSS
15 votes300 views2 answers
Transition background gradient
CSS
1 vote294 views1 answer
The user specified as a definer does not exist
CSS
0 vote304 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
0 vote286 views1 answer
Add logo html css
CSS
2 votes267 views2 answers
How use befor after for image
CSS
0 vote286 views2 answers
Button slant right with icon
CSS