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: 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

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