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 vote336 views1 answer
Css svg width 100%
CSS
7 votes353 views2 answers
Font for css code google link
CSS
1 vote359 views1 answer
Change mat icon size
CSS
0 vote355 views3 answers
To build this project, accept the SDK license agreements and install the missing components using the Android Studio SDK Manager.
CSS
0 vote389 views1 answer
Browser renders before styles are applied
CSS
3 votes394 views2 answers
Ui gradient
CSS
0 vote370 views1 answer
Matrix multiplication markdown
CSS
14 votes422 views4 answers
Text align left bootstrap
CSS Bootstrap
-1 vote328 views2 answers
How to add image with url in css
CSS
58 votes335 views6 answers
How to remove underline from link
CSS