El kit de herramientas Tachyons es un conjunto de herramientas CSS gratuito y de código abierto que se utiliza para crear un sitio web receptivo. En este artículo, aprenderemos cómo transformar texto usando el kit de herramientas Tachyons.
Tachyons Typography Text Transform se utiliza para cambiar las mayúsculas del texto.
Sintaxis:
<element-name class="class-name">
...
</element-name>
Clases de transformación de texto de tipografía de taquiones:
- ttu: esta clase se utiliza para convertir cualquier texto a mayúsculas.
- ttl: esta clase se utiliza para convertir cualquier texto a minúsculas.
- ttc: esta clase se utiliza para poner en mayúscula varias palabras.
Ejemplo 1: En el siguiente ejemplo, convertiremos texto en minúsculas a texto en mayúsculas.
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" /> </head> <body> <center> <h1 class="green"> GeeksforGeeks </h1> <h3 class="ttu tracked"> A computer science portal for geeks </h3> </center> </body> </html>
Producción:
Ejemplo 2: en el siguiente código, cambiaremos el texto de mayúsculas a minúsculas.
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" /> </head> <body> <center> <h1 class="green"> GeeksforGeeks </h1> <h3 class="ttl tracked"> A COMPUTER SCIENCE PORTAL FOR GEEKS </h3> </center> </body> </html>
Producción:
Referencia: https://tachyons.io/docs/typography/text-transform/