Thinking on ways to solve ​​3D MENU

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

Back to all episodes