In today's GUI Challenge, @AdamArgyleInk creates an animated stack of cards using transform origin, grid and :has().
Chapters:
- 0:00 - Introduction
- 0:35 - Overview
- 2:21 - Debugging Corner
- 4:19 - Grid Layouts
- 11:02 - Transforms
- 15:42 - Transform vs Individual Transform
- 20:45 - :has()
- 22:16 - Recap
- 23:19 - Outro
Resources:
- Demo → https://goo.gle/3XqdkzB
- Source → https://goo.gle/3n4Sfcg
Watch more GUI Challenges → https://goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs