TIL about text-orientation

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

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
1
11
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
19
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
2
12
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
19
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
45
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
37
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
19
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
27
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
230

Other Decks in Programming

See All in Programming
917c89046a8ba98f398ea16b7b335779?s=48 nomadblacky
1
160
40f4d1f2e77078955bd01e9fb4a503ba?s=48 m_seki
0
120
C61a5036d6b7b0529dcac43b411ead62?s=48 minaminao
2
120
6afbe110d33ef7e859fb8649b86bae55?s=48 mashabow
0
420
6d64a4d4ab6201f2ce57e3befc687785?s=48 yoshi0202
0
120
4ccaadf34668c439a607c8b6083ba3b2?s=48 peaceiris
0
310
4d78b749c315e21a956053dcbf0508a9?s=48 po3rin
3
340
B84123138372542a55401c92b170b528?s=48 hassaku63
4
1.8k
C3a47a823a1e7adcb5be27cc3df5c482?s=48 akiyoko
0
100
519926f648b84bb74100d160af98d974?s=48 leandrocp
0
150
127622866eaa739e06f9507aff67be2f?s=48 planeta
0
130
9995bc19f5495c16e66fa10103f26add?s=48 sandfish03
1
1.9k

Featured

See All Featured
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
284
110k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
121
20k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
105
9.5k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
257
16k
78b475797a14c84799063c7cd073962f?s=48 holman
459
270k
24fc194843a71f10949be18d5a692682?s=48 gr2m
82
11k
245cee81a9c424266e5e401d844ea881?s=48 lara
589
60k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
399
20k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
94
5k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
340
26k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
9
370
245cee81a9c424266e5e401d844ea881?s=48 lara
168
9.2k

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