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 vote217 views1 answer
Transform: scale time anpassen
CSS
150 votes246 views2 answers
How to link your css file to html
CSS
0 vote174 views1 answer
How to make all buttons same size css
CSS
17 votes153 views1 answer
Have you used flexbox & css grid before? what are the differences between them? interview
CSS
0 vote190 views1 answer
Textbreak for long text
CSS
0 vote193 views1 answer
Css selectors presentation
CSS
2 votes170 views1 answer
Posicionar div centro da tela
CSS
3 votes191 views2 answers
How to split a background into two color in css
CSS
29 votes185 views6 answers
BackgroundImage react
CSS
9 votes191 views4 answers
Animation shorthand css
CSS