css - ボックスの影を垂直に下に移動

Question

このテスト Web サイトをご覧ください。ヘッダーとメイン コンテンツ領域のコンテナーの周りにボックス シャドウを適用しました。それらの間に隙間がないように、ヘッダーの影を少し下げることができるかどうか誰か教えてもらえますか? （スクリーンショットを参照）

Answer 1

これはあなたが得ることができる限り近いと思います：

box-shadow: 6px 10px 4px -4px #222222, -6px 10px 4px -4px #666666;

ヘッダーの影を少し下に移動して、コンテンツ ボックスの影と混ざるようにします。

Answer 2

これを試して

.banner > .container {
-webkit-box-shadow: 6px 8px 4px -4px #222 , -6px 8px 4px -4px #666;
box-shadow: 6px 8px 4px -4px #222 , -6px 8px 4px -4px #666;
margin-top: 20px;
}