Skip to content

Opacity

This module is a sequence of opacity values that you can apply to any element to adjust the opacity of text, backgrounds, and images.

Examples

<img v-o.90 src="#">

Image with opacity 90%

<img v-o.80 src="#">

Image with opacity 80%

<img v-o.70 src="#">

Image with opacity 70%

<img v-o.60 src="#">

Image with opacity 60%

<img v-o.50 src="#">

Image with opacity 50%

<img v-o.40 src="#">

Image with opacity 40%

<img v-o.30 src="#">

Image with opacity 30%

<img v-o.20 src="#">

Image with opacity 20%

<img v-o.10 src="#">

Image with opacity 10%

<img v-o.05 src="#">

Image with opacity 05%

<img v-o.025 src="#">

Image with opacity 025%

<img v-o.0 src="#">

Image with opacity 0%

Reference