css3-transitions/Overview.src.html

changeset 7303
824ebacafe40
parent 7302
5f9fb679d334
child 7304
aa7fec595b8e
     1.1 --- a/css3-transitions/Overview.src.html	Sun Feb 03 23:57:22 2013 -0700
     1.2 +++ b/css3-transitions/Overview.src.html	Mon Feb 04 00:02:16 2013 -0700
     1.3 @@ -1385,11 +1385,12 @@
     1.4          Properties from CSS
     1.5        </a></h3>
     1.6  
     1.7 -      <p class="issue">Need to define what listing comma-separated
     1.8 -      things here means.  In particular, that they only apply when
     1.9 -      both values fit the type, and that if one of the values is a
    1.10 -      type not listed, or if two of the values are different types,
    1.11 -      then the two values cannot be interpolated.</p>
    1.12 +      <p>The following properties are animatable when both the from and
    1.13 +      the to values of the property have the type described.
    1.14 +      When multiple types are listed, both values must be of the same type.
    1.15 +      (When a composite type such as "length, percentage, or calc" is listed,
    1.16 +      this means that both values must fit into that composite
    1.17 +      type.)</p>
    1.18  
    1.19       <table class="animatable-properties">
    1.20         <tr>
    1.21 @@ -1399,7 +1400,7 @@
    1.22         <tr>
    1.23           <td>background-color</td><td>color</tr>
    1.24         <tr>
    1.25 -         <td>background-position</td><td>percentage, length</td>
    1.26 +         <td>background-position</td><td>length, percentage, or calc</td>
    1.27         </tr>
    1.28         <tr>
    1.29           <td>border-bottom-color</td><td>color</td>
    1.30 @@ -1429,7 +1430,7 @@
    1.31           <td>border-top-width</td><td>length</td>
    1.32         </tr>
    1.33         <tr>
    1.34 -         <td>bottom</td><td>length, percentage</td>
    1.35 +         <td>bottom</td><td>length, percentage, or calc</td>
    1.36         </tr>
    1.37         <tr>
    1.38           <td>clip</td><td>rectangle</td>
    1.39 @@ -1441,22 +1442,22 @@
    1.40           <td>crop <span class="issue">css3-content will likely advance slower than this specification, in which case this definition should move there</span></td><td>rectangle</td>
    1.41         </tr>
    1.42         <tr>
    1.43 -         <td>font-size</td><td>length, percentage</td>
    1.44 +         <td>font-size</td><td>length, percentage, or calc</td>
    1.45         </tr>
    1.46         <tr>
    1.47           <td>font-weight</td><td>font weight</td>
    1.48         </tr>
    1.49         <tr>
    1.50 -         <td>height</td><td>length, percentage</td>
    1.51 +         <td>height</td><td>length, percentage, or calc</td>
    1.52         </tr>
    1.53         <tr>
    1.54 -         <td>left</td><td>length, percentage</td>
    1.55 +         <td>left</td><td>length, percentage, or calc</td>
    1.56         </tr>
    1.57         <tr>
    1.58           <td>letter-spacing</td><td>length</td>
    1.59         </tr>
    1.60         <tr>
    1.61 -         <td>line-height</td><td>number, length, percentage</td>
    1.62 +         <td>line-height</td><td><ul><li>number</li><li>length, percentage, or calc</li></ul></td>
    1.63         </tr>
    1.64         <tr>
    1.65           <td>margin-bottom</td><td>length</td>
    1.66 @@ -1471,16 +1472,16 @@
    1.67           <td>margin-top</td><td>length</td>
    1.68         </tr>
    1.69         <tr>
    1.70 -         <td>max-height</td><td>length, percentage</td>
    1.71 +         <td>max-height</td><td>length, percentage, or calc</td>
    1.72         </tr>
    1.73         <tr>
    1.74 -         <td>max-width</td><td>length, percentage </td>
    1.75 +         <td>max-width</td><td>length, percentage, or calc </td>
    1.76         </tr>
    1.77         <tr>
    1.78 -         <td>min-height</td><td>length, percentage</td>
    1.79 +         <td>min-height</td><td>length, percentage, or calc</td>
    1.80         </tr>
    1.81         <tr>
    1.82 -         <td>min-width</td><td>length, percentage</td>
    1.83 +         <td>min-width</td><td>length, percentage, or calc</td>
    1.84         </tr>
    1.85         <tr>
    1.86           <td>opacity</td><td>number</td>
    1.87 @@ -1507,28 +1508,28 @@
    1.88           <td>padding-top</td><td>length</td>
    1.89         </tr>
    1.90         <tr>
    1.91 -         <td>right</td><td>length, percentage</td>
    1.92 +         <td>right</td><td>length, percentage, or calc</td>
    1.93         </tr>
    1.94         <tr>
    1.95 -         <td>text-indent</td><td>length, percentage</td>
    1.96 +         <td>text-indent</td><td>length, percentage, or calc</td>
    1.97         </tr>
    1.98         <tr>
    1.99           <td>text-shadow</td><td>shadow</td>
   1.100         </tr>
   1.101         <tr>
   1.102 -         <td>top</td><td>length, percentage</td>
   1.103 +         <td>top</td><td>length, percentage, or calc</td>
   1.104         </tr>
   1.105         <tr>
   1.106 -         <td>vertical-align</td><td>length, percentage</td>
   1.107 +         <td>vertical-align</td><td>length, percentage, or calc</td>
   1.108         </tr>
   1.109         <tr>
   1.110           <td>visibility</td><td>visibility</td>
   1.111         </tr>
   1.112         <tr>
   1.113 -         <td>width</td><td>length, percentage</td>
   1.114 +         <td>width</td><td>length, percentage, or calc</td>
   1.115         </tr>
   1.116         <tr>
   1.117 -         <td>word-spacing</td><td>length, percentage</td>
   1.118 +         <td>word-spacing</td><td>length, percentage, or calc</td>
   1.119         </tr>
   1.120         <tr>
   1.121           <td>z-index</td><td>integer</td>

mercurial