Texto vertical con jQuery
Escrito el 07 Dec, 2009 por Alexis en jQuery
Seguramente alguna vez tuviste la necesidad de tener un texto vertical en tus diseños. Muchas opciones no contamos para lograr esto, o trabajamos con imágenes o trabajamos con el filtro flipv() que es exclusivo de Internet Explorer.
mbFlipText viene a llenar ese vació, poder introducir un texto vertical que sea seleccionable y sin la necesidad de recurrir a imágenes. Su funcionamiento es muy sencillo, el plugin transforma un elemento del DOM dado, como un div o span en un elemento SVG.
Contamos con dos opciones: trabajar con texto vertical desde arriba hacia abajo o viceversa.
El call en JS
$(".tb").mbFlipText(true) //Orientacion: de arriba hacia abajo $(".bt").mbFlipText(false) // Orientacion de abajo a hacia arriba
Nuestro Markup
<div class="tb">"de arriba hacia abajo"</div> <div class="bt">"abajo hacia arriba"</div>
Como IE es el unico navegador que no soporta los elementos SVG nativamente, deberos hacer uso de como lo mencione mas arriba del filtro flipv()











