Tue, 05 Feb 2013 14:41:07 -0700
[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