How to transform text

You can use the following CSS utility classes to transform text without needing any Javascript, only with CSS.

Use the uppercase utility to uppercase every word.

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

<p class="uppercase">The quick brown fox...</p>

Use the capitalze utility to capitalize every word in the text.

The Quick Brown Fox Jumps Over The Lazy Dog

<p class="capitalize">The quick brown fox...</p>

Use the first-letter utility to uppercase only the first letter of the first word.

The quick brown fox jumped over the lazy dog

<p class="first-letter">The quick brown fox...</p>

Use the lowercase utility to lowercase every word.

the quick brown fox jumps over the lazy dog

<p class="lowercase">The quick brown fox...</p>