Omvänd text - CSS-tricks

Anonim

För språk från höger till vänster kan du byta standardlayout från vänster till höger i de flesta webbläsare helt enkelt genom dirattributet.

 text in right-to-left language 

Du kan använda det attributet på vilket textelement som helst, det behöver inte vara brödtexten. På samma sätt kan du byta ut det med bara CSS:

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

Följande är ”mindre praktiska” men ändå intressanta:

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