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 vote159 views1 answer
Taille texte css
CSS
52 votes165 views6 answers
How to change background color in css
CSS
3 votes149 views2 answers
Make triangle using div
CSS
3 votes162 views1 answer
Learn css animation
CSS
0 vote211 views2 answers
Css folded corner
CSS
3 votes144 views2 answers
Remove highlight input css
CSS
-1 vote167 views1 answer
Css backdrop filter grayscale
CSS
17 votes141 views1 answer
Css align items vertical center
CSS
13 votes178 views1 answer
W3schools keyframes
CSS
7 votes134 views3 answers
Bootstrap remove outline
CSS