Thinking on ways to solve ​​3D MENU

Appears in: GUI Challenges

In today's GUI challenge @Adam Argyle share's their 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.

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

Read along → https://goo.gle/3c3oILb
Try a demo → https://goo.gle/3bWNSLz
Get the source → https://goo.gle/3wulnOO

Watch more GUI Challenges → https://goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → http://goo.gl/LLLNvf

#GUIchallenges #CSS #ChromeDeveloper