Pixel Art Animated with Custom Properties

See the Code - See it Full Page - See Details

For the animation: Chrome/Opera only right now (May 2017) as it is the only browser that can change Custom Properties inside a keyframe animation. The spec states animated custom properties should "flip at 50%" (same as how non animateable properties function, such as a change to `z-index`). Fallback is static Pixel art. I feel good about that. Pixel approach is based on ideas explained by Una Kravets: https://una.im/sass-pixel-art/#💁

This Pen uses: HTML, CSS, JavaScript, and