Обръщане на текст - 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); )