[css3-transitions] Make the 'shadow list' animation type handle all of the features in box-shadow rather than just the ones in text-shadow, incorporating rules already in css3-background, so that css3-background doesn't need to redefine it.

Tue, 05 Feb 2013 14:41:07 -0700

author
L. David Baron <dbaron@dbaron.org>
date
Tue, 05 Feb 2013 14:41:07 -0700
changeset 7350
929febca4320
parent 7349
55d46b236cf3
child 7351
b4aa4246992e

[css3-transitions] Make the 'shadow list' animation type handle all of the features in box-shadow rather than just the ones in text-shadow, incorporating rules already in css3-background, so that css3-background doesn't need to redefine it.

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 Feb 05 13:50:38 2013 -0700
     1.2 +++ b/css3-transitions/Overview.html	Tue Feb 05 14:41:07 2013 -0700
     1.3 @@ -1222,11 +1222,18 @@
     1.4      values outside of [0, 1]) map to the closer endpoint; if neither value is
     1.5      ‘<code class=css>visible</code>’ then not interpolable.
     1.6  
     1.7 -   <li id=animtype-shadow-list> <strong>shadow list</strong>: interpolated
     1.8 -    via the color, x, y and blur components (treating them as color and
     1.9 -    numbers where appropriate). In the case where there are lists of shadows,
    1.10 -    the shorter list is padded at the end with shadows whose color is
    1.11 -    transparent and all lengths (x, y, blur) are 0.
    1.12 +   <li id=animtype-shadow-list> <strong>shadow list</strong>: Each shadow in
    1.13 +    the list is interpolated via the color (as <a
    1.14 +    href="#animtype-color">color</a>) component, and x, y, blur, and (when
    1.15 +    appropriate) spread (as <a href="#animtype-length">length</a>)
    1.16 +    components. For each shadow, if one input shadow is ‘<code
    1.17 +    class=css>inset</code>’ and the other is not, then the result for that
    1.18 +    shadow matches the inputs; otherwise the entire list is not interpolable.
    1.19 +    If the lists of shadows have different lengths, then the shorter list is
    1.20 +    padded at the end with shadows whose color is ‘<code
    1.21 +    class=css>transparent</code>’, all lengths are ‘<code
    1.22 +    class=css>0</code>’, and whose ‘<code class=css>inset</code>’ (or
    1.23 +    not) matches the longer list.
    1.24  
    1.25     <li id=animtype-gradient> <strong>gradient</strong>: interpolated via the
    1.26      positions and colors of each stop. They must have the same type (radial
     2.1 --- a/css3-transitions/Overview.src.html	Tue Feb 05 13:50:38 2013 -0700
     2.2 +++ b/css3-transitions/Overview.src.html	Tue Feb 05 14:41:07 2013 -0700
     2.3 @@ -1232,11 +1232,19 @@
     2.4            endpoint; if neither value is ''visible'' then not interpolable.
     2.5          </li>
     2.6          <li id="animtype-shadow-list">
     2.7 -          <strong>shadow list</strong>: interpolated via the color, x, y
     2.8 -          and blur components (treating them as color and numbers where
     2.9 -          appropriate). In the case where there are lists of shadows,
    2.10 -          the shorter list is padded at the end with shadows whose
    2.11 -          color is transparent and all lengths (x, y, blur) are 0.
    2.12 +          <strong>shadow list</strong>: Each shadow in the list is
    2.13 +          interpolated via the
    2.14 +          color (as <a href="#animtype-color">color</a>) component,
    2.15 +          and x, y, blur, and (when appropriate) spread
    2.16 +          (as <a href="#animtype-length">length</a>) components.
    2.17 +          For each shadow, if one input shadow is ''inset'' and the other
    2.18 +          is not, then the result for that shadow matches the inputs;
    2.19 +          otherwise the entire list is not interpolable.
    2.20 +          If the lists of shadows have different lengths,
    2.21 +          then the shorter list is padded at the end
    2.22 +          with shadows whose color is ''transparent'',
    2.23 +          all lengths are ''0'',
    2.24 +          and whose ''inset'' (or not) matches the longer list.
    2.25          </li>
    2.26          <li id="animtype-gradient">
    2.27            <strong>gradient</strong>: interpolated via the

mercurial