Thinking on ways to solve 3D MENU
13 334
8.9
Google Chrome Developers751 тыс
Следующее
12.11.21 – 61 0535:05Популярные
32 дня – 3 00846:30
178 дней – 3 8710:59Опубликовано 10 ноября 2021, 18:00
In today's GUI challenge @AdamArgyleInk shares his thinking on a way to create a 3D video game menu that adapts to OS color preferences, motion preferences, and is accessible to mouse and keyboards alike.
Chapters:
0:00 - Introduction
0:20 - Overview
2:37 - HTML
2:58 - Layout
4:14 - Perspective
5:20 - Animation
7:15 - Menu Styles
10:14 - List Item Styles
10:35 - Button Styles
11:35 - Hover & Focus
12:48 - Pseudo Elements
14:55 - DevTools Review
16:45 - JavaScript
17:48 - Mouse Parallax
19:30 - Outro
Resources:
Read along → goo.gle/3c3oILb
Try a demo → goo.gle/3bWNSLz
Get the source → goo.gle/3wulnOO
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gl/LLLNvf
#GUIchallenges #CSS #ChromeDeveloper
Chapters:
0:00 - Introduction
0:20 - Overview
2:37 - HTML
2:58 - Layout
4:14 - Perspective
5:20 - Animation
7:15 - Menu Styles
10:14 - List Item Styles
10:35 - Button Styles
11:35 - Hover & Focus
12:48 - Pseudo Elements
14:55 - DevTools Review
16:45 - JavaScript
17:48 - Mouse Parallax
19:30 - Outro
Resources:
Read along → goo.gle/3c3oILb
Try a demo → goo.gle/3bWNSLz
Get the source → goo.gle/3wulnOO
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gl/LLLNvf
#GUIchallenges #CSS #ChromeDeveloper
Свежие видео
6 дней – 5 096 1631:30
9 дней – 136 3099:29
10 дней – 1 5451:26
10 дней – 3537:57
14 дней – 285 33526:47Случайные видео
292 дня – 9790:21
21.10.22 – 8 2030:29
02.05.22 – 6300:55
08.04.22 – 11 3231:17:50
08.07.21 – 1 8700:59
14.04.08 – 12 2547:25
3 дня – 208 59011:23
4 дня – 169 6324:55
4 дня – 3 34716:46
10 дней – 25 98417:24
11 дней – 365 49210:01
12 дней – 19 64641:17
12 дней – 2 6634:46
3 дня – 9200:16
5 дней – 2 522 42316:33