Minor bugfixes in the gradient serialization algorithm, fixing color-stops and the two-keyword linear-gradient case.

Also added manual ids to serialization and interpolation.

Author: tabatkins

css3-images/Overview.src.html

@@ -421,13 +421,14 @@ <h3 id=color-stop-syntax><code>color-stop</code> Syntax</h3>
 	</div>
 
 	<div>
-		<h3>Serializing Gradients</h3>
+		<h3 id="serializing-gradients">Serializing Gradients</h3>
 		<p>To serialize a linear gradient, let s initially be the empty string, run these steps, and then return s:</p>
 		<ol>
 			<li>Append "linear-gradient(" to s.</li>
 			<li>
 				<ul>
-					<li>If the first argument to the gradient function was a keyword, serialize the keyword and append it to s.</li>
+					<li>If the first argument to the gradient function was a single keyword, serialize the keyword and append it to s.</li>
+					<li>Otherwise, if the first argument to the gradient function was two keywords, serialize both keywords.  Append them, separated by a space " ", to s.</li>
 					<li>Otherwise, if the first argument to the gradient function was an &lt;angle>, serialize the &lt;angle> and append it to s.</li>
 					<li>Otherwise, append "top" to s.</li>
 				</ul>
@@ -437,7 +438,7 @@ <h3>Serializing Gradients</h3>
 				<ol>
 					<li>Serialize the &lt;color>, and append it to s.</li>
 					<li>If a &lt;length> or &lt;percentage> was specified, append a space " " to s, then serialize the &lt;length> or &lt;percentage> and append it to s.</li>
-					<li>Append a comma and a space ", " to s.</li>
+					<li>If this is not the final color-stop, append a comma and a space ", " to s.</li>
 				</ol>
 			</li>
 			<li>Append a close parenthesis ")" to s.</li>
@@ -471,15 +472,15 @@ <h3>Serializing Gradients</h3>
 				<ol>
 					<li>Serialize the &lt;color>, and append it to s.</li>
 					<li>If a &lt;length> or &lt;percentage> was specified, append a space " " to s, then serialize the &lt;length> or &lt;percentage> and append it to s.</li>
-					<li>Append a comma and a space ", " to s.</li>
+					<li>If this is not the final color-stop, append a comma and a space ", " to s.</li>
 				</ol>
 			</li>
 			<li>Append a close parenthesis ")" to s.</li>
 		</ol>
 	</div>
 
 	<div>
-		<h3>Interpolating Gradients</h3>
+		<h3 id="interpolating-gradients">Interpolating Gradients</h3>
 		<p>Gradient images can be interpolated directly in CSS transitions and animations, smoothly animating from one gradient to another.  There are only a few restrictions on what gradients are allowed to be interpolated:</p>
 		<ol>
 			<li>Both the starting and ending gradient must be of the same type; either both linear gradients or both radial gradients.</li>