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

[![donate button](https://liberapay.com/assets/widgets/donate.svg)](https://liberapay.com/anatudor/donate)

* 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

Thank you!

[The Pen that spurred this.](https://codepen.io/cssinate/pres/RjJeBG)

Bees & Bombs original:

[![original gif](https://78.media.tumblr.com/c99d39b33816930a091c259f9659a923/tumblr_odwvq2YYvp1r2geqjo1_540.gif)](https://beesandbombs.tumblr.com/post/150775393989/follow-one)

[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


Source: codepen

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

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