I've recreated this animation with a few lines of CSS.
🔗 codepen.io/scriptraccoon/…
🔗 codepen.io/scriptraccoon/…
Screen made with quad blobs, refreshed from 2016
Nov 6, 2022 · 1:23 PM UTC
1
0
6
@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.
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
0
1
@amit_sheen 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.
0
0
0