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="../assets/img/img2.jpg" 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.