Thinking on ways to solve 3D MENU
13 553
9.1
Google Chrome Developers770 тыс
Следующее
12.11.21 – 61 2045:05Популярные
22 дня – 1 89713:46
59 дней – 5 7050:58Опубликовано 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
Свежие видео
4 дня – 2531:08
6 дней – 3262:08
9 дней – 4 683 2420:47
11 дней – 304 2810:54Случайные видео
19 дней – 9 1951:32
04.09.23 – 1 039 69727:11
18.08.22 – 3 6680:52
18.03.22 – 48010:19
11.01.11 – 17 0025:07
3 дня – 1 00621:08
4 дня – 36722:02
5 дней – 6 2980:09
9 дней – 8 7230:11
9 дней – 5540:59
10 дней – 305 51420:13
10 дней – 2 065 78316:25
2 дня – 3 2911:34