Thinking on ways to solve a MORPHING BUTTON

In today’s GUI Challenge, @AdamArgyleInk progressively enhances a multi-state button to morph between states using the super rad View Transitions api. Chapters: 0:00 - Introduction 0:49 - View Transitions review 1:35 - HTML 2:34 - Support CSS 3:04 - JS 4:42 - startViewTransition() 5:25 - Morph CSS 6:25 - Animation Inspection 7:55 - More button states 8:41 - Effect recap 9:54 - Outro Resources: Try a demo → Get the source → View Transitions → More about View Transitions on Adam’s blog → Watch more GUI Challenges → Subscribe to Google Chrome Developers → #GUIchallenges
Back to Top