Thinking on ways to solve TRANSITIONS

In today's haunted GUI Challenge, @AdamArgyleInk live codes CSS clip-path transitions, demo's some rad effects, and covers the gotchas. If you don't know clip-path, you will by the end.

Chapters:
0:00 - Introduction
0:41 - Overview
1:55 - Debugging Corner
2:20 - Reduced motion
4:55 - Chrometober
6:05 - clip-path syntax
14:20 - square transitions
21:02 - Outro

Resources:

#GUIchallenges #CSS #ChromeDeveloper

[SRG-Learn-Code]

Adam has the best videos, the format and production is great, Google! do more fields like this!.

[the-old-channel]

It would be nice if you could cover ways to make page transitions as well

[pa]

So informative and so easy to understand and I haven’t even touched CSS much lately

[nindzafa]

For a moment there, I thought it was about the Page Transition API. xD
Nice video, though.

[nick]

Did you rotate your mouth 180 degrees? Because now your tongue is at the top. Very scary!

[dan]

I want to like this series but I can’t stand the animated character. It ruins it IMO