Re: [csswg-drafts] [web-animations-1] Compositing animations with empty keyframes are not clearly specified (#4543)

Here's a simplified test case:

https://codepen.io/birtles/pen/YzzoOPW

I believe what is happening is that while the underlying animation is paused at currentTime 0 it should produce an underlying value of the result of interpolating `translateX(200px) rotate(360deg)` and `translateX(100%) scale(1)` at _p_ = 0.0.

Since those don't have matching transform functions for the `rotate()` / `scale()` parts, that part is going to end up with a `matrix()` value there so that the `rotate(360deg)` effectively becomes `rotate(0deg)`. As a result there is no rotation when interpolating from `none`.

I suspect Chrome is applying special case behavior for _p_ == 0.0 and simply returning the first keyframe value, `translateX(200px) rotate(360deg)` and hence interpolating from `none` produces rotation.

I believe this was resolved on recently in #3290.

-- 
GitHub Notification of comment by birtles
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4543#issuecomment-558860824 using your GitHub account

Received on Tuesday, 26 November 2019 23:26:42 UTC