Tweet
Tweet

Slide 1

Slide 1 text

TIL about text disorientation

Slide 2

Slide 2 text

YOURS TRULY

Slide 3

Slide 3 text

YOURS REALLY TRULY

Slide 4

Slide 4 text

YOURS REALLY REALLY T

Slide 5

Slide 5 text

YOURS REALLY REALLY TRULY

Slide 6

Slide 6 text

国际化活动W3C万维 ⽹联盟 writing-mode: horizontal-tb

Slide 7

Slide 7 text

国 际 化 活 动 W3C 万 维 ⽹ 联 盟 writing-mode: vertical-rl

Slide 8

Slide 8 text

YOURS REALLY REALLY TRULY footer { writing-mode: vertical-rl; }

Slide 9

Slide 9 text

footer { writing-mode: vertical-rl; transform: rotate(0.5turn); } YOURS REALLY REALLY TRULY

Slide 10

Slide 10 text

© YOURS TRULY

Slide 11

Slide 11 text

© footer { writing-mode: vertical-rl; transform: rotate(0.5turn); } YOURS TRULY

Slide 12

Slide 12 text

国 际 化 活 动 W3C 万 维 ⽹ 联 盟 writing-mode: vertical-rl 国 W © Lo – Letter, other Lu – Letter, uppercase So – Symbol, other

Slide 13

Slide 13 text

© footer { writing-mode: vertical-rl; transform: rotate(0.5turn); } YOURS TRULY

Slide 14

Slide 14 text

© footer { writing-mode: vertical-rl; transform: rotate(0.5turn); text-orientation: sideways; } YOURS TRULY

Slide 15

Slide 15 text

- TIL about text orientation