Omvendt tekst - CSS-triks

Anonim

For høyre til venstre språk kan du bytte standard venstre til høyre layout i de fleste nettlesere ganske enkelt gjennom dirattributtet.

 text in right-to-left language 

Du kan bruke den attributtet på hvilket som helst tekstelement, det trenger ikke være kroppen. På samme måte kan du bytte den med bare CSS:

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

Følgende er "mindre praktiske", men likevel interessante:

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