Extras
Use some extra class utilities to quickly style the element. Great for cards, text, buttons, or any other element.
Opacity
You can set opacity to an element instantly by using the following utilities classes for opacity.
Amet duis do nisi duis veniam non est eiusmod tempor incididunt tempor dolor ipsum in qui sit. Exercitation mollit sit culpa nisi culpa non adipisicing reprehenderit do dolore. Duis reprehenderit occaecat anim ullamco ad duis occaecat ex.
<div class="card card-body op-4">...</div>
<img src="https://via.placeholder.com/640x426" class="img-fluid op-5" alt="">| Class | Value |
|---|---|
| .op-[value] | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| Class | Value |
|---|---|
| .op-[breakpoint]-[value] |
breakpoint: xs | sm | md | lg | xl value: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
Shadow
You can add or remove shadow to an element instantly by using the following utilities classes for shadow.
| Class | Value |
|---|---|
| .shadow-base | Add shadow to any box element. |
| .shadow-none | Remove shadow to any box element. |