W3C home > Mailing lists > Public > public-css-archive@w3.org > November 2019

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

From: Brian Birtles via GitHub <sysbot+gh@w3.org>
Date: Tue, 26 Nov 2019 23:26:41 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-558860824-1574810799-sysbot+gh@w3.org>
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

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:56 UTC