1.1 --- a/css3-transitions/Overview.src.html Mon Feb 04 22:33:00 2013 -0700
1.2 +++ b/css3-transitions/Overview.src.html Mon Feb 04 22:38:44 2013 -0700
1.3 @@ -1178,20 +1178,20 @@
1.4 </p>
1.5
1.6 <ul>
1.7 - <li>
1.8 + <li id="animtype-color">
1.9 <strong>color</strong>: interpolated via red, green, blue and alpha
1.10 components (treating each as a number, see below).
1.11 The interpolation is done between premultiplied colors
1.12 (that is, colors for which the red, green, and blue components
1.13 specified have been multiplied by the alpha).
1.14 </li>
1.15 - <li>
1.16 + <li id="animtype-length">
1.17 <strong>length</strong>: interpolated as real numbers.
1.18 </li>
1.19 - <li>
1.20 + <li id="animtype-percentage">
1.21 <strong>percentage</strong>: interpolated as real numbers.
1.22 </li>
1.23 - <li>
1.24 + <li id="animtype-lpcalc">
1.25 <strong>length, percentage, or calc</strong>: when both values
1.26 are lengths, interpolated as lengths; when both values are
1.27 percentages, interpolated as percentages; otherwise, both
1.28 @@ -1200,7 +1200,7 @@
1.29 these ''calc()'' functions have each half interpolated as real
1.30 numbers.
1.31 </li>
1.32 - <li>
1.33 + <li id="animtype-integer">
1.34 <strong>integer</strong>: interpolated via discrete steps (whole
1.35 numbers). The interpolation happens in real number space and is
1.36 converted to an integer using <code>floor()</code>.
1.37 @@ -1209,7 +1209,7 @@
1.38 SVG Animation.
1.39 </span>
1.40 </li>
1.41 - <li>
1.42 + <li id="animtype-font-weight">
1.43 <strong>font weight</strong>: interpolated via discrete steps
1.44 (multiples of 100). The interpolation happens in real number
1.45 space and is converted to an integer by rounding to the
1.46 @@ -1220,19 +1220,19 @@
1.47 be consistent (one way or the other).
1.48 </span>
1.49 </li>
1.50 - <li>
1.51 + <li id="animtype-number">
1.52 <strong>number</strong>: interpolated as real (floating point)
1.53 numbers.
1.54 </li>
1.55 - <li>
1.56 + <li id="animtype-transform">
1.57 <strong>transform list</strong>: see
1.58 CSS Transforms specification [[!CSS3-TRANSFORMS]].
1.59 </li>
1.60 - <li>
1.61 + <li id="animtype-rect">
1.62 <strong>rectangle</strong>: interpolated via the x, y,
1.63 width and height components (treating each as a number).
1.64 </li>
1.65 - <li>
1.66 + <li id="animtype-visibility">
1.67 <strong>visibility</strong>: if one of the values is
1.68 ''visible'', interpolated as a discrete step where values of the
1.69 timing function between 0 and 1 map to ''visible'' and other
1.70 @@ -1241,21 +1241,21 @@
1.71 functions with Y values outside of [0, 1]) map to the closer
1.72 endpoint; if neither value is ''visible'' then not interpolable.
1.73 </li>
1.74 - <li>
1.75 + <li id="animtype-shadow">
1.76 <strong>shadow</strong>: interpolated via the color, x, y
1.77 and blur components (treating them as color and numbers where
1.78 appropriate). In the case where there are lists of shadows,
1.79 the shorter list is padded at the end with shadows whose
1.80 color is transparent and all lengths (x, y, blur) are 0.
1.81 </li>
1.82 - <li>
1.83 + <li id="animtype-gradient">
1.84 <strong>gradient</strong>: interpolated via the
1.85 positions and colors of each stop. They must have the same type
1.86 (radial or linear) and same number of stops in order to be animated.
1.87 <span class="note">Note: [[CSS3-IMAGES]] may extend this
1.88 definition.</span>
1.89 </li>
1.90 - <li>
1.91 + <li id="animtype-paintserver">
1.92 <strong>paint server</strong> (SVG): interpolation is only supported
1.93 between: gradient to gradient and color to color. They then
1.94 work as above.
