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]( (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](

* or this [t-shirt]( (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]( and [984021]( for Firefox, issue [#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