Opacity - Grid System

Table of contents

Overview

Adjust the opacity of any element.

CSS

Class Details Example 1 Example 2 Example 3
opacity-100 100% opacity demo image

Text

Text

opacity-90 90% opacity demo image

Text

Text

opacity-80 80% opacity demo image

Text

Text

opacity-70 70% opacity demo image

Text

Text

opacity-60 60% opacity demo image

Text

Text

opacity-50 50% opacity demo image

Text

Text

opacity-40 40% opacity demo image

Text

Text

opacity-30 30% opacity demo image

Text

Text

opacity-20 20% opacity demo image

Text

Text

opacity-10 10% opacity demo image

Text

Text

Examples

I love camping

I love camping