[css3-transitions] The cubic bezier coordinates shouldn’t be clamped to [0, 1]

Posted in dotnet, vb, vb.net | No Comments »

Following the current Editor's Draft of the CSS3 Transitions Module,
the valid Point coordinates of a cubic-bezier timing-function must be
between zero and one[1]. I'd like to propose lifting this limitation.

The primary use-case for this would be transitions which slightly, in
case of lengths, overrun the final value. This creates "elastic"
effects, some of which are visible on this page:

http://jqueryui.com/demos/effect/easing.html

One problem I can see are values which have fixed bounds, such as
colors. Darker than #000 can't be displayed, neither can lighter than
#FFF. In these cases it seems best to clamp the value to the
value-type's upper or lower bound internally.

Kind regards,
Peter Beverloo

http://peter.sh/

[1] http://dev.w3.org/csswg/css3-transitions/#transition-timing-function_tag

Similar:

  1. [css3-transitions/animations] updates to specifications I've updated the CSS3 Transitions and Animations editor's drafts with the following changes (as agreed on at the last CSS f2f meeting): CSS 3 Transitions...
  2. [css3-transitions] transitioning a shorthand Currently per http://dev.w3.org/csswg/css3-transitions/ certain shorthand properties such as 'margin' cannot be transitioned. This causes the sliding effect on http://slides.html5rocks.com/ to break in Opera as apparently...
  3. [css3-transitions] transitioning a shorthand Currently per http://dev.w3.org/csswg/css3-transitions/ certain shorthand properties such as 'margin' cannot be transitioned. This causes the sliding effect on http://slides.html5rocks.com/ to break in Opera as apparently...
  4. CSS 3 Transitions on the display: property Hey All, I’m currently designing a kind of css ‘mega dropdown’ menu – basically a normall css-only dropdown menu but one which contains different types...
  5. Sass Mixin Error for IE specific filters like -ms-filter… need syntax help please I’m trying to make a button mixin like this: =default_button(!lighter, !darker) :border= 1px !lighter solid :background-color #e3e3e3 :background= -webkit-gradient(linear, 0 0, 0 100%, from(!lighter), to(!darker))...

Leave a Reply