W3C home > Mailing lists > Public > www-style@w3.org > April 2009

[css3-transitions] Complex easing functions

From: Jon Rimmer <jon.rimmer@gmail.com>
Date: Fri, 03 Apr 2009 10:26:43 +0000
Message-ID: <2268b97a0904030322s789aa699k79f18be86dfa0cd0@mail.gmail.com>
To: www-style@w3.org
Hi,

After reading though the current transitions draft, I am wondering about
support for more advanced easing functions, with more complex curves and
values that fall outside the range [0, 1]. Such functions are required for
'elastic' or 'bounce' transitions, which are a popular way of providing more
natural easing, particularly for movement, but do not seem possible with the
current proposal. There is a useful easing functions visualiser here that
provides samples for each type:
http://www.robertpenner.com/easing/easing_demo.html

This sort of easing is possible using JavaScript libraries, such as Mootools
or jQuery with the easing plugin, and it be a shame if the transitions
module were not to include an equivalent degree of capability. Is there a
reason why the proposal could not be modified to allow multiple bezier
curvers within a timing function, and allow values to fall outside the range
[0, 1], so long as the final values ended at 0,0 or 1,1?

Thanks,
Jon Rimmer
Received on Friday, 3 April 2009 14:30:44 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 22 May 2012 03:46:58 GMT