Javascript work-around for hardware accelerated CSS3 transitions with custom easing functions.

There is a lot of math in the visual things we do, even if we don’t realize it. If you want to make something look natural and move naturally, you need to add a bit of physics and rounding to it. Nature doesn’t work in right angles or linear acceleration. This is why zombies in movies are so creepy. This was covered here before in relation to CSS animation, but today let’s go a bit deeper and look at the simple math behind the smooth looks.

A nice little rundown of a JS1K demo.

Graffiti GIFs, lettering by INKIE and backgrounds by INSA.

found at dvdp

Cycles is a surreal animation made by Cyriak. I had me definitely entertained for 2 minutes and 59 seconds. Watch it!

found at rebel:art

DAMN. 90s-era color cycling with JavaScript.

Tokyo/Glow from Nathan Johnston on Vimeo.

The longer I watch this video, the more I wonder how it was created... blue screen maybe? Its a beautiful mystery.

[Shoutout to Madeline for the tip!]

2D animation suite for Linux