Re: [csswg-drafts] [css-easing-1] Some ideas for linear() easing (#6533)

Yeah, I agree with @birtles. 

If the goal is to enable the creation of complex easings then I feel we should keep the key word `linear-easing(....)` or `custom-easing(....)`, with `linear-easing(0, 0.4, 0.6, ...)` being the basic form and `linear-easing(0 20%, 3 40%, 0.5 80%, 0.6, 0.7, 0.8, 1)` being the advanced mode. I don't think we should complicate the `linear-easing` function with `fillMode`, as it would make the `linear-easing` function the only CSS Easing Function that currently does this and create potentially counter intuitive behaviors, I feel a separate proposal for `fillMode` would be better, so, for example, we could have something like this,
```scss
.div {
    animation-fill-mode: both 0%, forwards 50%, none 80%, backwards 90%;
}
```
As an experiment, I followed the technique @jakearchibald suggested and I was able to create `spring` easing using WAAPI, so, I think the proposal just in the basic form is plenty powerful and versatile, plus together with `progress values as percentages`, it would be even easier to understand what is happening. One thing to note is that `linear-easing` would be pretty difficult to follow if the points of said easing are all over the place, I think some amount of imposed order is beneficial.  

-- 
GitHub Notification of comment by okikio
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/pull/6533#issuecomment-903043822 using your GitHub account


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

Received on Saturday, 21 August 2021 02:58:25 UTC