bootstrap nevメニューの影

Question

お世話になります。
このサイトのnavバーの影を実装したいなと思っています。かっこいいなと感じました。

https://teachme.jp/8/manuals/4881129/

CSSを調べたのですが実装できずに困っています。
このサイトのようにNAVバーにかげをつけるにはどうしたらいいのでしょうか？

ブートストラップのNAVバーは自分で実装する事ができました。

@media (max-width: 960px)
<style>
.layout-wrapper .common-header[data-v-76b749f6] {
    position: fixed;
    top: 0;
    height: 96px;
}
<style>
.layout-wrapper .common-header[data-v-76b749f6] {
    height: 74px;
    border: none;
}
<style>
.header[data-v-a5f295d0] {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 56px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 6px #aaa;

宜しくお願いします。

Answer 1

https://www.amazon.co.jp/dp/B07GRRVC3M/ref=dp-kindle-redirect?_encoding=UTF8&btkr=1

これいいよ

Comments

[s8_chu]

これは質問に対する回答になっていないと思います。