Zpětný text - Triky CSS

Anonim

U jazyků zprava doleva můžete ve většině prohlížečů jednoduše změnit diratribut rozložení zleva doprava pomocí tohoto atributu.

 text in right-to-left language 

Tento atribut můžete použít na libovolný textový prvek, nemusí to být tělo. Stejně tak jej můžete vyměnit pouze pomocí CSS:

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

Následující jsou „méně praktické“, ale přesto zajímavé:

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