Как сделать 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 (то есть тень располагается внутри блока)