I've recreated this animation with a few lines of CSS. 🔗 codepen.io/scriptraccoon/ful…
Just van Rossum @justvanrossum
6 Nov 2022
Screen made with quad blobs, refreshed from 2016

Nov 6, 2022 · 1:23 PM UTC

1
2
6
0
Replying to @scriptraccoon
Cool! For the 'switch-background' animation, you might want to consider using steps as the timing function (instead of linear), and then the keyframes can be more readable.
1
1
Thanks! 😀 I didn't know about this option. That being said, I am still not quite happy about the easing. I set "animation-timing-function: ease-out;" at 80% but it should actually be at 75%, but somehow this doesn't work. The original animation by @justvanrossum looks better.
Load more