← Tailwind CSS classes list

Tailwind CSS class: .text-opacity-*

<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 ...

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

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

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

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; }

More in Tailwind CSS Text