Loader

You can set opacity to an element instantly by using the following utilities classes for opacity.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

ClassValue
.op-[value]0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9
ClassValue
.op-[breakpoint]-[value]

breakpoint: xs | sm | md | lg | xl

value: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9

You can add or remove shadow to an element instantly by using the following utilities classes for shadow.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

ClassValue
.shadow-baseAdd shadow to any box element.
.shadow-noneRemove shadow to any box element.
HTML Project
Project status 35%
Wordpress Project
Project status 50%
Angular Project
Project status 40%
React Project
Project status 10%
PHP Project
Project status 70%