Käänteinen teksti - CSS-temppuja

Anonim

Oikealta vasemmalle -kielille voit vaihtaa vasemmalta oikealle -asettelun useimmissa selaimissa yksinkertaisesti dirmääritteen kautta .

 text in right-to-left language 

Voit käyttää tätä määritettä missä tahansa tekstielementissä, sen ei tarvitse olla teksti. Samoin voit vaihtaa sen vain CSS: llä:

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

Seuraavat ovat "vähemmän käytännöllisiä", mutta silti mielenkiintoisia:

/* 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); )