Sign up with your email address to be the first to know about new products, VIP offers, blog features & more.

Rotar un texto vía CSS

Probablemente en alguna ocasión hayáis necesitado rotar texto en algún sitio web. La opción que os traigo hoy para este problema, utiliza CSS, por lo que se integra a la perfección en cualquier tipo de sitio y es perfectamente compatible con los navegadores más populares de la actualidad: Mozilla Firefox (y familia Gecko), Google Chrome/Chromium (y familia WebKit) e incluso Internet Explorer (aunque de una manera menos directa).

Las reglas CSS a incluir son las siguientes (rotación de -90º o 270º):
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

El tip original ha aparecido en unos de mi blog favoritos de diseño web, Gloobs.

Leer entrada anterior
Usar una imagen ISO en Ubuntu

Abre una ventana de terminal de consola y escribe los siguientes comandos: [crayon-5bedc3c7260ce316601249/] [crayon-5bedc3c7260d2640971795/] Ahora deberías ser capaz de ver...

Cerrar