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 vote156 views1 answer
Override package css
CSS
1 vote158 views3 answers
Jquery get div height dynamically
CSS
80 votes195 views6 answers
Add css file to html
CSS
0 vote153 views1 answer
Css dropdown menu with scrollbar
CSS
1 vote175 views1 answer
Text-shadow
CSS
3 votes173 views2 answers
Border radius not working
CSS
0 vote157 views1 answer
How to install gotham rounded as a font in visual studio code for my css file
CSS
55 votes300 views5 answers
Bootstrap 3 button
CSS Bootstrap
0 vote150 views1 answer
Inline-block column appear higher than others
CSS
0 vote160 views1 answer
Set number word to new line html
CSS