Reverzný text Triky CSS

Anonim

V prípade jazykov sprava doľava môžete vo väčšine prehliadačov zameniť predvolené rozloženie zľava doprava jednoducho pomocou diratribútu.

 text in right-to-left language 

Tento atribút môžete použiť na ľubovoľný textový prvok, nemusí to byť iba telo. Rovnako to môžete zameniť iba s CSS:

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

Nasledujúce položky sú „menej praktické“, ale stále zaujímavé:

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