Google Chrome Developers766 тыс
Следующее
Опубликовано 23 ноября 2022, 18:00
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 → goo.gle/3XqdkzB
Source → goo.gle/3n4Sfcg
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#GUIchallenges #CSS #ChromeDeveloper
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 → goo.gle/3XqdkzB
Source → goo.gle/3n4Sfcg
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#GUIchallenges #CSS #ChromeDeveloper