Dots loader with CSS variables (WebKit-only)

Go to Source

See the Code
See it Full Page
See Details

[Watch me code this in 6 minutes](https://www.youtube.com/watch?v=_kCBzmjSq9g) (you can also speed it up if you feel I'm typing/ speaking too slow). Doesn't work in Firefox/ Edge due to lack of support for `calc()` computing most values other than lengths. If you like this demo in particular and my demos in general, please consider one of the following:

* getting me something from [my Amazon WishList](https://www.amazon.com/gp/registry/wishlist/2Y3C4722GXH0I/)

* or this [t-shirt](http://merchdome.com/ACCEPT-Girlieshirt-Restless-and-Wild-Since-1982_1) (size S) that I couldn't find on Amazon, but I absolutely love

* or at least support the implementation of the cool features showcased here – bugs [956573](https://bugzilla.mozilla.org/show_bug.cgi?id=956573) and [984021](https://bugzilla.mozilla.org/show_bug.cgi?id=984021) for Firefox, issue [#653501](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/653501/) for Edge

* oh, also, why not share this to show the rest of the world what CSS is now capable of?

Thank you!

This Pen uses: Haml, Sass, JavaScript, and