[Watch me code this in ~13 minutes](https://www.youtube.com/watch?v=dNOaIlqjfqI) . Tested and fully works in Chrome/ Opera and Firefox 57+. Edge doesn’t support `calc()` as a value for `animation-delay` or inside `rotate()`.
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
[The Pen that spurred this.](https://codepen.io/cssinate/pres/RjJeBG)
Bees & Bombs original:
[My first version](https://codepen.io/thebabydino/pen/wzZKGX), live coded in Sep 2016. No CSS variables, cross-browser.
This Pen uses: Haml, SCSS, Babel, and Babel