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 00:19:55 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-236398488-1469924393-sysbot+gh@w3.org>
So, how about something like this:

 animation-timing-function: cubic-bezier(...), at 50% 
cubic-bezier(...), after 80% cubic-bezier(...);

(Using ellipsis so I don't need to think about inventing cubic-bezier 
parameters.)

The first cubic-bezier easing is in effect is time-scaled to the (0% 
to 50% time range), the second cubic-bezier kicks in at exactly 50% 
time (and is time-scaled to the 50% to 80% time range), and the third 
bezier kicks in just after 80% time (and is time-scaled to the 80% to 
100% time range).

-- 
GitHub Notification of comment by visiblecode
Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/229#issuecomment-236398488 
using your GitHub account
Received on Sunday, 31 July 2016 00:20:06 UTC

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