About Lesson
Bootstrap5 Shadows
Bootstrap 5 provides shadow utility classes that allow you to easily add shadows to elements, making them visually appealing. Shadows help in creating depth and emphasizing elements like cards, buttons, and modals.
Basic Shadow Classes
Bootstrap offers different levels of shadow intensity, from small to large.
HTML
<span class="shadow-sm p-3 mb-3 bg-white rounded">Small Shadow</span>
<span class="shadow p-3 mb-3 bg-white rounded">Regular Shadow</span>
<span class="shadow-lg p-3 mb-3 bg-white rounded">Large Shadow</span>
<span class="shadow-none p-3 mb-3 bg-white rounded">No Shadow</span>Output:
