Possible en double:
How does uʍop-ǝpısdn text work?Comment faire pour inverser le texte avec js/css?
Comment rendre le texte à l'envers en garder l'ordre de gauche à droite?
Possible en double:
How does uʍop-ǝpısdn text work?Comment faire pour inverser le texte avec js/css?
Comment rendre le texte à l'envers en garder l'ordre de gauche à droite?
Firefox/Webkit:
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
IE:
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
Ou, si vous voulez une solution qui fonctionne la plupart des endroits:
.verticalText
{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
writing-mode: tb-rl;
filter: flipv fliph;
}
En fin de compte, je fini par utiliser un HTML5 canvas pour dessiner du texte vertical dans les navigateurs non-IE en raison de résultats impairs de la rotation du texte.
Editer: D'une manière ou d'une autre, j'ai seulement réussi à copier une partie de mon code. Ajouté le reste.
firefox ne fonctionne pas – loentar
Et ça ne marche pas non plus dans Opera, Safari ou Iron (Chrome). –