Thinking on ways to solve 3D MENU
13 521
9
Google Chrome Developers766 тыс
Следующее
12.11.21 – 61 1995:05Популярные
10 дней – 7 6314:07
120 дней – 15 6755:43Опубликовано 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
Свежие видео
3 дня – 1 3390:30
6 дней – 1220:53
7 дней – 1 509 96523:37
11 дней – 1390:15
12 дней – 5920:31Случайные видео
9 дней – 8 3416:14
199 дней – 21 22935:01
232 дня – 188 0690:21
12.04.23 – 826 24632:35
25.03.23 – 37 5860:31
20.09.14 – 283 0913:59
4 дня – 41 75611:42
4 дня – 5 6412:06
7 дней – 2 0501:25
9 дней – 76 31911:06
9 дней – 1 4400:59
14 дней – 030:58
2 дня – 3132:08