This week, David Khourshid and Stephen Shaw make a Bicycle App animation using mostly CSS and some dubious JavaScript. Streamed live on May 31, 2018.


* Animation Inspiration:
* Final code:

Skip around:
1:14 Showcase
6:46 Animation overview
9:45 Start coding
40:30 Bike Puns!
1:54:50 Keyflections

Additional Resources:

* xstate
* SplittingImage Hover Gallery

Like what we're doing? There are many ways you can support @keyframers so we can keep live coding awesome animations!

* Like & Subscribe on YouTube
* Follow & Tweet us at
* Join the live streams & Subscribe on Twitch
* Support us on Patreon at

Topics covered:

* CSS Variables
* Staggering