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

2 votes309 views1 answer
How to make auto scroll to the end in css
CSS
0 vote324 views1 answer
Css apply style to direct children
CSS
0 vote313 views1 answer
Css background image follow scroll
CSS
0 vote312 views1 answer
Remove double quotes from string kotlin
CSS
2 votes281 views1 answer
Border bottom remove
CSS
0 vote334 views1 answer
Javascript canvas pixel art
CSS
0 vote470 views1 answer
Kill docker by image name
CSS
0 vote305 views1 answer
Css start animation on hover
CSS
0 vote253 views1 answer
Css flex fixed width
CSS
27 votes324 views4 answers
Unselectable text css
CSS