Inversione del testo - Trucchi CSS

Anonim

Per le lingue da destra a sinistra, puoi scambiare il layout predefinito da sinistra a destra nella maggior parte dei browser semplicemente tramite l' dirattributo.

 text in right-to-left language 

Puoi usare quell'attributo su qualsiasi elemento di testo, non deve essere il corpo. Allo stesso modo, puoi scambiarlo con solo CSS:

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

I seguenti sono "meno pratici" ma comunque interessanti:

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