Skip to content
Typography

text-transform

Changes how letter case is displayed without modifying the source text.

245 effects in the catalog use this property.

Syntax

text-transform: uppercase | lowercase | capitalize | none;

Watch out

Case conversion is locale-sensitive. In languages such as Turkish, `i` and `I` do not map like English, so programmatic casing may need the correct language context.

Effects using text-transform

These are working effects from the catalog. Open a tile to inspect the full source.