Как сделать box-shadow только справа и слева от контейнера?
.container { min-width: 1024px; margin: 0 auto; padding: 0; position: relative; }
.container:before,
.container:after {
content: " ";
clear: both;
height: 100%;
position: absolute;
top: 0;
width: 15px;
}
.container:before {
box-shadow: -15px 0 15px -15px #000 inset;
left: -15px;
}
.container:after {
box-shadow: 15px 0 15px -15px #000 inset;
right: -15px;
}
Вкратце, идея в том, что контейнеру добавляются абсолютно позиционированные псевдоэлементы слева и справа, к которым и добавляется box-shadow со свойством inset (то есть тень располагается внутри блока)
