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

1 vote315 views2 answers
Png image background transparent css
CSS
0 vote272 views1 answer
Datepicker not select future date odoo 13
CSS
63 votes338 views6 answers
Html center image
CSS
0 vote268 views1 answer
Which CSS property is used to add shadow to an element?
CSS
2 votes310 views1 answer
Css move animation
CSS
10 votes291 views2 answers
Line-height css
CSS
20 votes289 views6 answers
Gradient background image
CSS
11 votes549 views2 answers
How to remove up and down arrows from input type number
CSS
1 vote341 views1 answer
Css Safari conditional
CSS
0 vote315 views1 answer
Make backgrond image smaller
CSS