[Video](https://www.youtube.com/watch?v=eamAHF71ZN4)

In today's GUI Challenge, @AdamArgyleInk has some fun making physics UI effects with CSS custom properties, request animation frame, and some Javascript.

Chapters:

- 0:00 - Introduction
- 0:30 - Background
- 1:32 - Letter Spacing
- 2:35 - Font Size
- 3:00 - Scale
- 3:28 - Gradient
- 3:42 - Border Radius
- 3:53 - Width
- 4:08 - Rotation
- 5:26 - Bounce
- 6:28 - Shuffle Stack
- 7:05 - Playground
- 10:48 - Debugging Corner
- 13:00 - HTML
- 13:17 - JavaScript
- 15:00 - Spring Physics Explained
- 18:28 - Demos Explained
- 20:35 - Outro

Resources:

- Try a demo → <https://goo.gle/3GcHD58>
- Get the source → <https://goo.gle/3n4Sfcg>

Watch more GUI Challenges → <https://goo.gle/GUIchallenges>

Subscribe to Google Chrome Developers → <https://goo.gle/ChromeDevs>

[Back to all episodes](https://web.dev/shows/)