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

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