Reverss teksts CSS-triki

Anonim

Valodām no labās puses uz kreiso lielākajā daļā pārlūkprogrammu noklusējuma izkārtojumu no kreisās uz labo var apmainīt, vienkārši izmantojot diratribūtu.

 text in right-to-left language 

Šo atribūtu var izmantot jebkurā teksta elementā, tam nav jābūt pamattekstam. Tāpat jūs varat to nomainīt, izmantojot tikai CSS:

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

Tālāk minētie ir “mazāk praktiski”, bet tomēr interesanti:

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