Save 37% off PRO during our Black Friday Sale! »

TIL about text-orientation

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

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
16
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
8
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
12
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
9
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
9
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
16
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
4
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
7
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
11

Other Decks in Programming

See All in Programming
82d6167c4d14393c2e20b37a74b363c5?s=48 kasacchiful
0
140
F34c64bc7a4bced65306809205aca33c?s=48 nologyance
0
230
B5f0b0a84d9063dbe2cb2f1f6025f2f3?s=48 yyyank
0
110
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
0
400
C832fe4470555df3cf7ac6fa2f389261?s=48 tak_iwamoto
2
1.6k
A1792748885fe8f2555d9c718ee7ae53?s=48 joytomo
1
290
020199527cde1a8a9b7a11890894f442?s=48 dordieux
3
260
F21d69109b1c03921abf7d12f0fb6654?s=48 dscs
0
130
971ed28afdc89340ebbf2114ed4ef538?s=48 txkxyx
1
140
023b04c98f39cc041293d780352432ff?s=48 koic
12
1.1k
Ab22291a8b352c14636f51fc949a6be9?s=48 ryochiba
2
120
2e43817e39d87da5d9d4efd6310c0d44?s=48 kafumi
1
370

Featured

See All Featured
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
253
11k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
324
54k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
17
1.2k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
118
27k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
261
37k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
25
960
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
779
200k
E9221b172e78e888355fa2fe4541b595?s=48 mclloyd
PRO
7
7.7k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
272
32k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
61
6.9k
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
25
4.2k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
191
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