Una de las muchas posibilidades que podemos hacer con CSS es girar palabras con el atributo 'rotate', que ademas se ve en todos los navegadores actuales. Para mostrar este texto, copiad el codigo de abajo, cambiando los numeros en rojo para hacer girar el texto. Cuanto mas alto sea el valor (hasta 360), mas grados girara. Donde pone AQUI TU TEXTO, lo sustituis por lo que querais escribir. Tambien podeis modificar el color (font color), fuente (font-family), tamaño (font-size) y fondo (background) del texto donde os indico en rojo.EJEMPLOS:
<span class="rotatorio"> <font color="#98fb98"><span style="background:#000000;font-size: 20px;font-family: Arial Black;"> AQUI TU TEXTO </span><font> </span> <style>.rotatorio { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); writing-mode: lr-tb;} </style> |
