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 vote139 views1 answer
Relier css html
CSS
145 votes189 views6 answers
Add bootstrap to react
CSS
17 votes127 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS
74 votes140 views6 answers
Css rounded corners
CSS
0 vote140 views2 answers
Move header down css
CSS
0 vote146 views1 answer
Grid place between
CSS
10 votes144 views6 answers
Css bottom shadow
CSS
0 vote152 views1 answer
Make border absolute css
CSS
0 vote108 views1 answer
All pseudo elements css
CSS
0 vote145 views2 answers
Ios sms css
CSS