Re: [csswg-drafts] [css-animations] Proposal: Add a way to make the animation timing function apply to the whole animation (#8881)

Oh interesting, I assumed that specifying `easing` on the animation as a whole had the same behavior as specifying the timing function on an animation in CSS, that is by default it applies the same `easing` to each keyframe. In that case, you are correct that this should simply be a matter of mapping the ability to CSS.

And since Web Animations has separate ways of applying an easing function on the whole animation and per keyframe, then it makes sense to me to copy that design in CSS, and introduce a new animation style property rather than extending the existing `animation-timing-function` syntax.

Does the Web Animations spec then also define the timing behavior when an easing function is present on both the animation as a whole and individual keyframes, such as in the following example?
```js
elt.animate({
        backgroundColor: ["red", "blue"],
        easing: ["steps(5, end)"]
    }, {
        easing: "ease-in-out",
        duration: 5000,
    })
```
If so, can you point me where that is in the spec, if you know?

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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 30 May 2023 03:04:48 UTC