W3C home > Mailing lists > Public > public-css-archive@w3.org > July 2016

Re: [csswg-drafts] [css-transitions][css-animations] Complex timing functions

From: VisibleCode via GitHub <sysbot+gh@w3.org>
Date: Sat, 30 Jul 2016 23:58:25 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-236397402-1469923104-sysbot+gh@w3.org>
So, to focus this a little more, roughly what we need is this:

- A way to define a timing function as a sequence of simpler 
functions, along with the breakpoints (as time in the 0 - 1 range) 
where one function hands off to the next.
- Probably using some kind of bezier or quasi-bezier representation 
(could even literally be cubic-bezier(), at which point you might as 
well also allow any of the preset easings)
- With a way to specify which segment "wins" at a breakpoint between 
two segments (similar to "start" v.s. "end" with steps)
- That fits the spirit of existing CSS syntax

@keyframes is actually trying to accomplish roughly this, but it 
doesn't let you express jump discontinuities, it's building a whole 
animation rather than just a timing function, and it makes you 
explicitly calculate all the intermediate property values at every 
keyframe.

-- 
GitHub Notification of comment by visiblecode
Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/229#issuecomment-236397402 
using your GitHub account
Received on Saturday, 30 July 2016 23:58:33 UTC

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