customization-and-theming.shadows.md

➲ Shadows:

To apply shadows to the element, that makes 3d effect.

Syntax:

• .shadow class sets shadow to the element.
• .shadow-none class not sets shadow to the element.
• .shadow-{breakpoints} class sets shadow with shadow sizing to the element.
• List of breakpoints applicable:
  • sm - small shadow level
  • lg - large shadow level

<!-- Default shadow -->
<div class="shadow">...</div>

<!-- No shadow -->
<div class="shadow-none">...</div>

<!-- Small shadow -->
<div class="shadow-sm">...</div>

<!-- Large shadow -->
<div class="shadow-lg">...</div>

---

⇪ To Top

❮ Previous Topic   Next Topic ❯

⌂ Goto Home Page   ☰ Goto Customization and Theming