Tailwind CSS Text Transform

This class accepts more than one value in tailwind CSS. All the properties are covered in class form. It is the alternative to the CSS text-transform property. This class is used to control the capitalization of the text.

Text Transform classes:

• uppercase 
• lowercase 
• capitalize 
• normal-case 

uppercase: It is used to convert or transform all characters in each word into uppercase.

Syntax:

<element class="uppercase">...</element>

Example:

Output:

👁 Image

lowercase: It is used to convert or transform all characters in each word to lowercase.

Syntax:

<element class="lowercase">...</element>

Example:

Output:

👁 Image

capitalize:  It is used to transform the first character of each word to uppercase.

Syntax:

<element class="capitalize">...</element>

Example:

Output:

👁 Image

normal-case: It has a default value. It has no capitalization.

Syntax:

<element class="normal-case">...</element>

Example:

Output:

👁 Image