- From: Eric Willigers via GitHub <sysbot+gh@w3.org>
- Date: Wed, 03 Jul 2019 20:25:54 +0000
- To: public-css-archive@w3.org
Suppose we have a start keyframe `width: min(10%, 1em)` and an end keyframe `width: max(30%, 2em)` Suppose we initially have container width `100px` and font-size `20px`. We pause the animation at 50% progress, change the container width to `250px` and change the font-size to `15px`. If we read the computed style at 50% progress, the result changes from `calc((0.5 * min(10%, 20px)) + (0.5 * max(30%, 40px)))` to `calc((0.5 * min(10%, 15px)) + (0.5 * max(30%, 30px)))` Informally, we might think of the start frame "used value" changing from `min(10px, 20px) = 10px` to `min(25px, 15px) = 15px`, and the end frame "used value" changing from `max(30px, 40px) = 40px` to `max(75px, 30px) = 75px`. The changes to container width and font-size cause the "used value" result at 50% progress to change from `25px` to `45px`. -- GitHub Notification of comment by ewilligers Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4082#issuecomment-508242771 using your GitHub account
Received on Wednesday, 3 July 2019 20:25:56 UTC