follow one #2 – CSS variables version

follow one #2 - CSS variables version

See the Code
See it Full Page
See Details

[Watch me code this in ~13 minutes]( . 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:

[![donate button](](

* getting me something from my Amazon WishList: [🇺🇸]( / [🇬🇧](

* or at least sharing this to show the rest of the world what can be done with CSS on the web these days

Thank you!

[The Pen that spurred this.](

Bees & Bombs original:

[![original gif](](

[My first version](, live coded in Sep 2016. No CSS variables, cross-browser.

This Pen uses: Haml, SCSS, Babel, and Babel

Source: codepen

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *