[Watch me code this in ~13 minutes](https://www.youtube.com/watch?v=q1vL2_wBSis) . Tested and fully works in WebKit browsers. Works partially in Firefox – positioning and motion is correct, but there’s no rainbow as Firefox doesn’t support `calc()` inside `hsl()`. Completely broken in Edge as there’s no support for `calc()` inside `rotate()` functions or as `animation-delay`.
If you like this demo in particular and my work in general and you want me to be able to continue putting stuff out, please consider one of the following:
* showing your appreciation with a donation:
* getting me something from my Amazon WishList: [🇺🇸](https://www.amazon.com/gp/registry/wishlist/2Y3C4722GXH0I/) / [🇬🇧](https://www.amazon.co.uk/gp/registry/wishlist/2I25W7U0KADSR/)
* or at least sharing this to show the rest of the world what can be done with CSS on the web these days
This Pen uses: Pug, SCSS, Babel, and Babel