Teks Pembalik - Trik CSS

Anonim

Untuk bahasa kanan-ke-kiri, Anda dapat menukar tata letak kiri-ke-kanan default di sebagian besar browser hanya melalui diratribut.

 text in right-to-left language 

Anda dapat menggunakan atribut itu pada elemen teks apa pun, tidak harus berupa badan. Demikian juga, Anda dapat menukarnya hanya dengan CSS:

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

Berikut ini adalah "kurang praktis" tetapi tetap menarik:

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