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

One suggestion made in the Slack discussion, which I had promised to 
document here, was to use an SVG path to specify an easing function.

In that case, any SVG path could be allowed, at least provided it 
ranged between 0 and 1 in the x dimension, and the curve's x component
 was continuous and monotonic over that range as well. In that case, 
the M operator could used to indicate jump discontinuities.

So, for two cubic segments joined by a jump discontinuity 50% of the 
way through, you might have something like: 
`animation-timing-function: path("M 0,0 C 0.17,0.1, 0.33,0.2 0.5,0.4 M
 0.5,0.8 C 0.67,0.8 0.83,0.9, 1,1")`

I have mixed feelings about this, but it would work, aside from the 
issue of needing to indicate whether you wanted left- or right- 
continuity at any jumps.

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

Received on Friday, 1 July 2016 06:19:51 UTC