Re: [csswg-drafts] [css-easing-2] Complex easing/timing functions (#229)

> Here's a little demo to test that https://static-misc-3.glitch.me/linear-easing/.
> 
> Cases like bounce are tricky due to sudden changes of direction, but 50 points seems to do well.

@jakearchibald Inspired by your demo I created a [`spring-easing` generator](https://github.com/okikio/spring-easing#readme), it supports multiple variants of [spring](https://codepen.io/okikio/pen/GRMeapZ), and multiple libraries, e.g. gsap, animejs, WAAPI, `linear-easing(...)` (or whatever it's called once it's finalized), and more... (you can check out a demo on [Codepen](https://codepen.io/okikio/pen/GRMeapZ?editors=1100) and [Stackblitz](https://stackblitz.com/edit/github-1z3zw8)).

IMO, we should call the easing function either `discrete`, `linear`, or `smooth`, I really don't think we're going to find a name that perfectly matches, so, as long as the core details (as well as any related issues) are worked out, it should be good.

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


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

Received on Friday, 21 January 2022 22:19:37 UTC