Define rules for transitioning 'visibility' so that transitions where one of the values is 'collapse' have defined behavior.

Tue, 27 Mar 2012 13:09:07 -0700

author
L. David Baron <dbaron@dbaron.org>
date
Tue, 27 Mar 2012 13:09:07 -0700
changeset 5258
bf3f36be697c
parent 5257
19f343d396bd
child 5259
1a687c8d1e8a

Define rules for transitioning 'visibility' so that transitions where one of the values is 'collapse' have defined behavior.

This is largely as proposed in
http://lists.w3.org/Archives/Public/www-style/2012Feb/1083.html and
resolved in the 2012 March 7 teleconference (minutes at
http://lists.w3.org/Archives/Public/www-style/2012Mar/0195.html ).

However, I realized we didn't discuss the issue of what happens when the
result of the timing functions it outside of (0, 1). I addressed this
as described in
http://lists.w3.org/Archives/Public/www-style/2012Mar/0597.html

css3-transitions/Overview.html file | annotate | diff | comparison | revisions
css3-transitions/Overview.src.html file | annotate | diff | comparison | revisions
     1.1 --- a/css3-transitions/Overview.html	Tue Mar 27 12:36:41 2012 -0700
     1.2 +++ b/css3-transitions/Overview.html	Tue Mar 27 13:09:07 2012 -0700
     1.3 @@ -1141,9 +1141,15 @@
     1.4     <li> <strong>rectangle</strong>: interpolated via the x, y, width and
     1.5      height components (treating each as a number).
     1.6  
     1.7 -   <li> <strong>visibility</strong>: interpolated via a discrete step. The
     1.8 -    interpolation happens in real number space between 0 and 1, where 0 is
     1.9 -    "hidden" and all other values are "visible".
    1.10 +   <li> <strong>visibility</strong>: if one of the values is &lsquo;<code
    1.11 +    class=property>visible</code>&rsquo;, interpolated as a discrete step
    1.12 +    where values of the timing function between 0 and 1 map to &lsquo;<code
    1.13 +    class=property>visible</code>&rsquo; and other values of the timing
    1.14 +    function (which occur only at the start/end of the transition or as a
    1.15 +    result of &lsquo;<code class=css>cubic-bezier()</code>&rsquo; functions
    1.16 +    with Y values outside of [0, 1]) map to the closer endpoint; if neither
    1.17 +    value is &lsquo;<code class=property>visible</code>&rsquo; then not
    1.18 +    interpolable.
    1.19  
    1.20     <li> <strong>shadow</strong>: interpolated via the color, x, y and blur
    1.21      components (treating them as color and numbers where appropriate). In the
     2.1 --- a/css3-transitions/Overview.src.html	Tue Mar 27 12:36:41 2012 -0700
     2.2 +++ b/css3-transitions/Overview.src.html	Tue Mar 27 13:09:07 2012 -0700
     2.3 @@ -1124,9 +1124,14 @@
     2.4            width and height components (treating each as a number).
     2.5          </li>
     2.6          <li>
     2.7 -          <strong>visibility</strong>: interpolated via a discrete
     2.8 -          step. The interpolation happens in real number space between 0 and 1,
     2.9 -          where 0 is "hidden" and all other values are "visible".
    2.10 +          <strong>visibility</strong>: if one of the values is
    2.11 +          'visible', interpolated as a discrete step where values of the
    2.12 +          timing function between 0 and 1 map to 'visible' and other
    2.13 +          values of the timing function (which occur only at the
    2.14 +          start/end of the transition or as a result of 'cubic-bezier()'
    2.15 +          functions with Y values outside of [0, 1]) map to the closer
    2.16 +          endpoint; if neither value is 'visible' then not interpolable.
    2.17 +          </span>
    2.18          </li>
    2.19          <li>
    2.20            <strong>shadow</strong>: interpolated via the color, x, y

mercurial