Pulsing 🌈 square 💍 of cubes (pure CSS)

See the Code
See it Full Page
See Details

[Watch me code this in ~13 minutes](https://www.youtube.com/watch?v=q1vL2_wBSis) . Tested and fully works in WebKit browsers. Works partially in Firefox — positioning and motion is correct, but there’s no rainbow as Firefox doesn’t support `calc()` inside `hsl()`. Completely broken in Edge as there’s no support for `calc()` inside `rotate()` functions or as `animation-delay`.

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!

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


Source: codepen

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

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