Thinking on ways to solve 3D MENU
13 508
9
Google Chrome Developers764 тыс
Следующее
12.11.21 – 61 1915:05Популярные
74 дня – 2 66052:26
108 дней – 9 7014:03Опубликовано 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
Свежие видео
9 дней – 4530:33
16 дней – 38315:46
21 день – 1541:28
22 дня – 12 1920:18
23 дня – 233 9263:39
Случайные видео
129 дней – 5 8410:21
264 дня – 19 5592:00
14.06.23 – 34 2061:30:14
22.02.21 – 3 3730:31
29.01.21 – 7331:10:25
01.09.20 – 1 275 64519:50
2 дня – 5750:13
8 дней – 2 7545:55
11 дней – 1 3130:16
14 дней – 8002:11
15 дней – 3562:03
20 дней – 56 8881:15
