In today’s GUI Challenge, @AdamArgyleInk uses grid, masks and an input type range to create a comparison component.
Chapters:
0:00 – Introduction
0:41 – Debugging Corner
1:30 – HTML
2:22 – CSS layout
4:50 – CSS range
7:57 – CSS mask
9:58 – Javascript
12:55 – Adding content
14:57 – Recap
17:10 – Outro
Resources:
Demo → https://goo.gle/3Ruy07n
Watch more GUI Challenges → https://goo.gle/GUIchallenges
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs
#GUIchallenges #ChromeForDevelopers