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

3 votes236 views1 answer
Media queries css not working for mobile
CSS
1 vote253 views1 answer
Bootstrap card hover effect
CSS
0 vote238 views2 answers
Materialize css
CSS
0 vote252 views1 answer
Flexbox froggy
CSS
21 votes235 views3 answers
Disable cursor css
CSS
0 vote263 views1 answer
Nginx proxy_pass pass css asset not loading
CSS
51 votes242 views6 answers
Text overflow ellipsis css
CSS
2 votes228 views1 answer
Css []
CSS
0 vote241 views1 answer
Framework CSS
CSS
-1 vote238 views1 answer
Use w3 css on your website
CSS