Texte pivoté à 90 ° en utilisant uniquement CSS

Est-il possible de faire pivoter le texte de 90 ° (sens horaire ou anti-horaire) en utilisant uniquement CSS et compatible avec IE6 +, Firefox 2 et Opera?Texte pivoté à 90 ° en utilisant uniquement CSS

Source

2009-09-22 Jakub Arnold

double de http://stackoverflow.com/questions/1080792/how-to-draw -vertical-texte-avec-css-cross-browser/ – voyager

How can I draw vertical text with CSS cross-browser?

.rot-neg-90 { 
    /* rotate -90 deg, not sure if a negative number is supported so I used 270 */ 
    -moz-transform: rotate(270deg); 
    -moz-transform-origin: 50% 50%; 
    -webkit-transform: rotate(270deg); 
    -webkit-transform-origin: 50% 50%; 
    -o-transform: rotate(270deg); 
    -o-transform-origin: 50% 50%; 
    transform: rotate(270deg); 
    transform-origin: 50% 50%; 

    /* IE<9 */ 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
}

IE<9 Rotation property for BasicImage filter.

Source

2009-09-22 23:24:17 voyager

joli navigateur croisé:> = ie6,> = ff2, et webkit –

Le filtre BasicImage dans IE peut faire: http://msdn.microsoft.com/en-us/library/ms532972%28VS.85%29.aspx

Source

2009-09-22 23:20:05 lod3n

assez sûr que ce n'est pas compatible avec Firefox 2 ou Opera –

La version originale de la question seulement spécifié IE6 et plus tard. – lod3n

@ colin.coghill: c'est toujours une réponse valable, mais pas une réponse complète. Sur firefox et webkit est plus facile. L'opéra est plus dur. – voyager

Texte pivoté à 90 ° en utilisant uniquement CSS

Répondre

Questions connexes