Реверсування тексту - 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); )