Pestañas de Twitter con texto vertical

yo suelo twitter-bootstrap for create an interface. But I do not know how create tab-widget with vertical text. For text transform i use:

-moz-transform:rotate(270deg); 
-moz-transform-origin: bottom left;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: bottom left;
-o-transform: rotate(270deg);
-o-transform-origin:  bottom left;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

Gracias.

preguntado el 01 de julio de 12 a las 12:07

Are you looking for a less script that will generate that css or ? -

2 Respuestas

Add custom class.

HTML:

<div class="letterP3">Hello</div>

CSS:

.letterP3 {    
  -webkit-transform: rotate(90deg); 
     -moz-transform: rotate(90deg); 
      -ms-transform: rotate(90deg); 
       -o-transform: rotate(90deg); 
          transform: rotate(90deg);
            color: #000;
            font-size: 22px;                
            height: 200px;
            width: 200px;
            float: left;        
            vertical-align:top;    
}

http://jsfiddle.net/hellosze/8Rc27/

And CSS3 tool:

http://www.css3maker.com/text-rotation.html

Respondido el 04 de junio de 13 a las 14:06

@lito - I have implemented left/right vertical bootstrap tabs aquí - with the text rotation you described. Hope this helps.

respondido 29 mar '14, 18:03

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.