Re: [csswg-drafts] [css-transitions][css-animations] Complex timing functions from VisibleCode via GitHub on 2016-07-31 (public-css-archive@w3.org from July 2016)

From: VisibleCode via GitHub <sysbot+gh@w3.org>
Date: Sun, 31 Jul 2016 01:07:01 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-236400567-1469927219-sysbot+gh@w3.org>

I should live up to my name for a change; here's a visual example.

Given:

animation-timing-function: ease-in range(0.0, 0.3), at 40% ease-out 
range(0.3, 0.1), after 70% cubic-bezier(... stuff ...) range(0.6, 
1.0);

You'll get an animation timing function which looks like this:

![graph](http://labs.visiblecode.net/misc/complex-easing.png)

I think this accomplishes everything we've talked about wanting 
upthread.

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

Received on Sunday, 31 July 2016 01:07:11 UTC