navbar shadow code example

Example 1: navbar box shadow

box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);

Example 2: how to give shadow to navbar

// How to give shadow to navbar
.main-navigation {
    box-shadow: 0 2px 2px -2px rgba(0,0,0,.2);
}

Example 3: boostrap shadow

<div class="shadow-none p-3 mb-5 bg-light rounded">No shadow</div>
<div class="shadow-sm p-3 mb-5 bg-white rounded">Small shadow</div>
<div class="shadow p-3 mb-5 bg-white rounded">Regular shadow</div>
<div class="shadow-lg p-3 mb-5 bg-white rounded">Larger shadow</div>