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

The thing with range() being optional is mostly so you keep using the 
existing syntax:

animation-timing-function: ease-in;

rather than having to explicitly write:

animation-timing-function: ease-in range(0.0, 1.0);

But it also means you can just chain a bunch of easings and get a 
continuous result, for example:

animation-timing-function: ease-in, 30% ease-in-out, 70% ease-out;

and get something equivalent to:

animation-timing-function: ease-in range(0.0, 0.3), 30% ease-in-out 
range(0.3, 0.7), 70% ease-out range(0.7, 1.0);

So it's actually not bad for hand-authoring in simple to medium cases.

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

Received on Sunday, 31 July 2016 06:32:57 UTC