Szöveg megfordítása CSS-trükkök

Anonim

Jobbra-balra nyelvek esetén a legtöbb böngészőben az alapértelmezett balról jobbra elrendezést egyszerűen az dirattribútumon keresztül cserélheti .

 text in right-to-left language 

Ezt az attribútumot bármilyen szöveges elemre használhatja, nem feltétlenül a törzsnek kell lennie. Hasonlóképpen cserélheti csak CSS-sel:

body ( unicode-bidi:bidi-override; direction:rtl; )

A következők „kevésbé praktikusak”, de mégis érdekesek:

/* Flip each letter backwards */ div ( -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); -ms-transform:rotateY(180deg); unicode-bidi:bidi-override; direction:rtl; )
/* Entire text flipped around */ div ( -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); -ms-transform:rotateY(180deg); )