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 vote268 views2 answers
Css flex justify self
CSS
1 vote257 views3 answers
Font-style
CSS
36 votes262 views6 answers
Gradient text
CSS
0 vote289 views1 answer
Vue scoped scss media query
CSS
0 vote251 views1 answer
Api not working in github pages
CSS
5 votes262 views3 answers
Background-image linear gradient and border radius
CSS
0 vote268 views1 answer
Canvas disable antialiasing
CSS
113 votes245 views5 answers
Padding css
CSS
60 votes251 views5 answers
Rotate div css
CSS
0 vote265 views2 answers
Text decoration too long
CSS