Как сделать box-shadow только справа и слева от контейнера?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | .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 (то есть тень располагается внутри блока)
