Tue, 27 Mar 2012 13:09:07 -0700
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 ‘<code 1.11 + class=property>visible</code>’, interpolated as a discrete step 1.12 + where values of the timing function between 0 and 1 map to ‘<code 1.13 + class=property>visible</code>’ 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 ‘<code class=css>cubic-bezier()</code>’ functions 1.16 + with Y values outside of [0, 1]) map to the closer endpoint; if neither 1.17 + value is ‘<code class=property>visible</code>’ 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