Upgrade to Pro — share decks privately, control downloads, hide ads and more …

TIL about text-orientation

051dbe29a972707cde167602b38c9778?s=47 Gunnar Bittersmann
January 06, 2020
Programming
0
82

TIL about text-orientation

Lightning talk on vertical text

051dbe29a972707cde167602b38c9778?s=128

Gunnar Bittersmann

January 06, 2020
Tweet

More Decks by Gunnar Bittersmann

See All by Gunnar Bittersmann
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
8
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
5
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
3
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
8
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
48
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
32
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
16
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
1
34
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
36

Other Decks in Programming

See All in Programming
F6ceb15fb20b52f49e375cec868a0107?s=48 tokitakumi
1
480
03d26b71500c1bf966aedbd125baee45?s=48 udaikue
0
360
7867fe52a9be4257508a516d4df61578?s=48 tkmnzm
1
310
A760a90c9afd981004343b9861f1e8b4?s=48 daipresents
12
4.8k
09923d8b0c79423a289b7d5dc31a59e4?s=48 mururu
3
1.2k
C2abb398ab4bf22ad488d050ffddbd1c?s=48 tuka
1
690
588a291ce25b07e836ae5df8911eaf18?s=48 tdak
0
250
9e02ce6ac863b8f44437f7f87e914efb?s=48 zumin
0
1.7k
85401912c23c7d5e656c08e7a751e95c?s=48 cocoatomo
0
320
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
1
200
D3e027f453bb96ac1398cc98620f2920?s=48 shukob
0
110
38bee248082f6071230de65e9d74a944?s=48 kazupon
2
1.2k

Featured

See All Featured
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
201
9.8k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
147
6.7k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
26
3.3k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
166
19k
245cee81a9c424266e5e401d844ea881?s=48 lara
18
3k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
8
830
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
409
58k
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
55
3.6k
282d599b414022eba5096510f675b6e2?s=48 chrislema
173
14k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
333
29k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
233
900k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
62
9.9k

Transcript

  1. TIL about text disorientation

  2. YOURS TRULY

  3. YOURS REALLY TRULY

  4. YOURS REALLY REALLY T

  5. YOURS REALLY REALLY TRULY

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

  7. 国 际 化 活 动 W3C 万 维 ⽹ 联

    盟 writing-mode: vertical-rl

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

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

    TRULY

  10. © YOURS TRULY

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

  12. 国 际 化 活 动 W3C 万 维 ⽹ 联

    盟 writing-mode: vertical-rl 国 W © Lo – Letter, other Lu – Letter, uppercase So – Symbol, other

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

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

    YOURS TRULY

  15. - TIL about text orientation