Opacity

Overview

Adjust the opacity of any element.

Class	Details	Example 2	Example 3
`opacity-100`	100% opacity	Text	Text
`opacity-90`	90% opacity	Text	Text
`opacity-80`	80% opacity	Text	Text
`opacity-70`	70% opacity	Text	Text
`opacity-60`	60% opacity	Text	Text
`opacity-50`	50% opacity	Text	Text
`opacity-40`	40% opacity	Text	Text
`opacity-30`	30% opacity	Text	Text
`opacity-20`	20% opacity	Text	Text
`opacity-10`	10% opacity	Text	Text

125 years of parks

Parks Canada Review

Lost Arctic Ships

I love camping

I love camping