If I am let down by any Web API, it's gotta be the Web Animations API. The (only?) benefit it brings is stepping and pause/play. No spring animations, no physics, no frame-by-frame callback. Likely you'll need a 3rd party JS animation library for anything serious.
-
-
The difference here is in the easing property of Animation is applied across all of the keyframes. If you instead apply easing between the keyframes the playback is identical, https://codepen.io/flackr/pen/rEaaQM …. "This is independent from the timing function that ..." https://www.w3.org/TR/web-animations-1/#processing-a-keyframes-argument …
-
Interesting, so is Safari wrong then? Regardless, it's pretty confusing compared to how the CSS animation treats the timing function
End of conversation
New conversation -
-
-
One more data point: the animation behaves correctly in safari technology preview. Looks to be a Chrome issue? (Chrome 74 over here)
-
I think it's related with the easing function. If you try "easing: 'linear'" in the web animation js code, both seem to have the same animation behavior
End of conversation
New conversation -
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.
& Web Standards TL; Blink API OWNER
Named PWAs w/
DMs open. Tweets my own; press@google.com for official comms.