Autonomía digital y tecnológica

Código e ideas para una internet distribuida

Rotar texto con CSS

Imago voragine.net

Cuando empecé a hacer páginas web, y tras haber trabajado con programas de diseño gráfico, me parecía imposible que no existiese una manera de colocar texto girado noventa grados en una web. Entonces efectivamente no era posible, luego me olvidé siquiera de la posibilidad de hacerlo, y ahora descubro que ya se puede, según con que navegador se esté viendo la web.

Para navegadores basados en Webkit y Firefox:

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);

Para conseguirlo en Explorer hay que usar un filtro, y en Opera, a partir de la versión 10.5, también es posible.

3 comentarios

    • Por pablo •

    Porfin llegó!
    Por aquel entonces era esto de lo que hablábamos: http://montera34.com/numeroteca/n475.htm
    tuve que hacerlo a mano en formato imagen.

    • Por pablo •
  1. Vaya, interesante. Mirando con el Firebug se ve que es texto normal sin estilo. Además si te fijas en las eles verás que son caracteres normales usados en lugar de otros: u como n, p como d…

    Para las eles no hay reemplazo.

Dejar un comentario

*
*

 

No hay trackbacks