 |
VOOZH | about |
|
VOOZH | about |
Bootstrap 5 Shadows utility comprises four classes: shadow-none, shadow-sm, shadow, and shadow-lg. They add or remove shadows from components, with `shadow-none` removing any existing shadow and others adding varying shadow sizes.
Bootstrap 5 Shadows:
Bootstrap 5 Shadows Classes:
| Class | Description |
|---|---|
| shadow | Apply default box shadow to the element. |
| shadow-none | Remove any box shadow from the element. |
| shadow-sm | Apply small box shadow to the element. |
| shadow-lg | Add a large box shadow to the element. |
Example 1: In this example, we used the shadow-none and the shadow-lg classes to remove and add shadows to the card component.
Output:
Example 2: In this example, we used the shadow-sm and shadow classes to add the shadows to the cards.
Output:
👁 ImageReference: https://getbootstrap.com/docs/5.2/utilities/shadows/
