Đảo ngược văn bản - Thủ thuật CSS

Mục lục

Đối với các ngôn ngữ từ phải sang trái, bạn có thể hoán đổi bố cục mặc định từ trái sang phải trong hầu hết các trình duyệt chỉ đơn giản thông qua dirthuộc tính.

 text in right-to-left language 

Bạn có thể sử dụng thuộc tính đó trên bất kỳ phần tử văn bản nào, nó không nhất thiết phải là phần thân. Tương tự như vậy, bạn có thể hoán đổi nó chỉ bằng CSS:

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

Những điều sau "ít thực tế hơn" nhưng vẫn thú vị:

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

thú vị bài viết...