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>

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