Tailwind Builder

<p class="text-black text-opacity-0">Lorem Ipsum is simply dummy text of the printing ...</p>
<p class="text-black text-opacity-25">Lorem Ipsum is simply dummy text of the printing ...</p>
<p class="text-black text-opacity-50">Lorem Ipsum is simply dummy text of the printing ...</p>
<p class="text-black text-opacity-75">Lorem Ipsum is simply dummy text of the printing ...</p>
<p class="text-black text-opacity-100">Lorem Ipsum is simply dummy text of the printing ...</p>

Preview

Lorem Ipsum is simply dummy text of the printing ...

CSS source

.text-opacity-0 { --text-opacity: 0; }
.text-opacity-25 { --text-opacity: 25; }
.text-opacity-50 { --text-opacity: 50; }
.text-opacity-75 { --text-opacity: 75; }
.text-opacity-100 { --text-opacity: 100; }

Tailwind CSS class: .text-opacity-*

Preview

CSS source

More in Tailwind CSS Text

Tailwind CSS