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
100

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
3
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
3
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
7
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
2
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
3
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
5
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
7
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
8
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
6

Other Decks in Programming

See All in Programming
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
1
320
3c7020b33ae8880dd9514b6469a28ae0?s=48 yt8492
1
130
A5f52fd719e8e9a5c9e74f8b179dced7?s=48 lutecia16v
0
560
Bf71b646607bbe6916ccefc6548ebedd?s=48 lyakaap
0
290
D840733454bebebb5d6f0a2d95754897?s=48 aokabic
1
150
9fdb3aa57e5fb99b3772976b0b903e53?s=48 chikuwait
8
1.8k
7e0087a19318ded4ba2203187694740f?s=48 christianweyer
PRO
0
110
845fae80ed8b704a88b32500b3db4c53?s=48 sailplanetw
1
140
1bfc6e2ed04a895bb36f36b86828b689?s=48 110y
3
590
29e41e987c3d42e6649778c3cf54bd87?s=48 gcdeshpande
1
740
6885b1c7fe50f4c0a23775b7b94ebd94?s=48 nosuke0926
0
110
Af64bc38c0ffcfcabdf430759ee491ce?s=48 lovee
3
180

Featured

See All Featured
245cee81a9c424266e5e401d844ea881?s=48 lara
594
61k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
177
7.9k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
277
17k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
180
14k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
633
49k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
104
11k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
15
980
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
170
7.5k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
227
8.8k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
660
54k
78b475797a14c84799063c7cd073962f?s=48 holman
463
280k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
324
54k

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