Linux Hispano » rotar http://www.linuxhispano.net Noticias, tira, podcast, juegos, Linux y software libre Fri, 10 Feb 2012 14:00:58 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Rotar un texto vía CSShttp://www.linuxhispano.net/2009/11/02/rotar-texto-via-css/ http://www.linuxhispano.net/2009/11/02/rotar-texto-via-css/#comments Mon, 02 Nov 2009 11:25:53 +0000 F. Javier Carazo Gil http://www.linuxhispano.net/?p=402 Continuar leyendo →]]> 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.

]]> http://www.linuxhispano.net/2009/11/02/rotar-texto-via-css/feed/ 1