Переворот текста - CSS-хитрости

Anonim

Для языков с письмом справа налево вы можете поменять местами макет по умолчанию слева направо в большинстве браузеров просто с помощью dirатрибута.

 text in right-to-left language 

Вы можете использовать этот атрибут для любого текстового элемента, это не обязательно должно быть тело. Точно так же вы можете поменять его местами только с помощью CSS:

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

Следующее «менее практично», но все же интересно:

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