W3C home > Mailing lists > Public > public-css-archive@w3.org > April 2019

Re: [csswg-drafts] [css-easing] extend cubic-bezier() to take additional pairs (#3838)

From: Tab Atkins Jr. via GitHub <sysbot+gh@w3.org>
Date: Wed, 17 Apr 2019 23:10:34 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-484294958-1555542633-sysbot+gh@w3.org>
Elaborating a little bit, more advanced real animation software (such as After Effects) seems to do a lot of its "advanced" animation curves by just chaining cubic beziers together.

You can do this manually today, but you have to do some funky manual calculating to explicitly set up the intermediate keyframes with the correct values.

So, the grammar would change from `cubic-bezier(<number>#{4})` to `cubic-bezier(<number>#{4} , [<number>#{6}]# )`; in each successive triple of points, the first point is the endpoint of the previous bezier / starting point of the next bezier, then the two control points of the next bezier. The first control point of the first bezier is still always (0,0), and the last of the last is still always (1,1).

GitHub Notification of comment by tabatkins
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3838#issuecomment-484294958 using your GitHub account
Received on Wednesday, 17 April 2019 23:10:35 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:46 UTC