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
65

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
42
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
17
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
11
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
1
30
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
32
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
2
19
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
25
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
51
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
63

Other Decks in Programming

See All in Programming
4f349dbe1d48627445735f7e2c818c97?s=48 layzee
1
180
7c9b8b368924556d8642bdaed3ded1f5?s=48 danilop
0
220
3a53a5136f530c121a196914aecf3936?s=48 tourismgeek
1
130
428a9c6e5b151e618d4db288105bc5f3?s=48 rarous
0
170
127f2573f14072eba29ccb60506663eb?s=48 madai0517
1
150
B8d0f591da3869f3bb9d5473853be2a2?s=48 takara9
0
150
75cf8176bf14811428f77d8fe737f0d5?s=48 konstantin_diener
0
130
70adfe7679427fa498899769e632b672?s=48 itok
1
340
5afbf65e9e32cef9ab74e5b5347a5bce?s=48 korosuke613
2
230
738a5b16d0ce1046be8d0a5e10573fd7?s=48 emmaglorypraise
0
120
9da5d5cc4b6a9f28058152e28364b02a?s=48 prof18
0
240
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
2
300

Featured

See All Featured
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
501
36k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
295
39k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
332
29k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
54
1.9k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
242
21k
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
328
36k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
230
18k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
9
580
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
11
810
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
52
4.2k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
106
14k

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