[csswg-drafts] [css-easing-2] Custom curve-based easing functions (#7508)

jakearchibald has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-easing-2] Custom curve-based easing functions ==
https://github.com/w3c/csswg-drafts/issues/229 was solved with [`linear()`](https://github.com/w3c/csswg-drafts/pull/7484), which allows easings to be defined by a series of points that are linearly interpolated.

Many easings are curve-based, so there's space for a more efficient syntax that allows curves to be defined.

Some ideas/points from https://github.com/w3c/csswg-drafts/issues/229:

- `cubic-bezier()` isn't great, since it's a 2D concept that's being applied to something that's fundamentally 1D. https://github.com/w3c/csswg-drafts/issues/229#issuecomment-228259642
- Piecewise cubic splines https://github.com/w3c/csswg-drafts/issues/229#issuecomment-229850944
- Could use SVG paths, but would need to do something about the case where one input has many outputs https://github.com/w3c/csswg-drafts/issues/229#issuecomment-229863239
- Could join multiple `cubic-bezier()` functions together https://github.com/w3c/csswg-drafts/issues/229#issuecomment-229864970
- More `cubic-spline()` ideas https://github.com/w3c/csswg-drafts/issues/229#issuecomment-491497200


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7508 using your GitHub account


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

Received on Sunday, 17 July 2022 11:01:21 UTC