W3C home > Mailing lists > Public > public-css-commits@w3.org > September 2011

csswg/css3-images Overview.src.html,1.173,1.174

From: Bert Bos via cvs-syncmail <cvsmail@w3.org>
Date: Wed, 07 Sep 2011 15:36:36 +0000
To: public-css-commits@w3.org
Message-Id: <E1R1KB2-0003NL-3J@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-images
In directory hutz:/tmp/cvs-serv12961

Modified Files:
	Overview.src.html 
Log Message:
Fixed a biblio ref to CSS3BG. Changed DOCTYPE. (HTML4 or XHTML1 is required for publication on /TR.) Took a snapshot for publication. Reset the "this version" link to the editor's draft. Moved the embedded SVG to external files. (Embedded SVG is not possible in HTML4.)

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.src.html,v
retrieving revision 1.173
retrieving revision 1.174
diff -u -d -r1.173 -r1.174
--- Overview.src.html	6 Sep 2011 21:40:40 -0000	1.173
+++ Overview.src.html	7 Sep 2011 15:36:33 -0000	1.174
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html public '-//W3C//DTD HTML 4.01//EN'>
 <html lang="en">
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
@@ -18,7 +18,8 @@
 	<h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2>
 	<dl>
 		<dt>This Version:</dt>
-		<dd><a href="[VERSION]">http://www.w3.org/TR/[YEAR]/WD-css3-images-[CDATE]/</a>
+		<!--<dd><a href="[VERSION]">http://www.w3.org/TR/[YEAR]/WD-css3-images-[CDATE]/</a>-->
+		<dd><a href="http://dev.w3.org/csswg/css3-images/">http://dev.w3.org/csswg/css3-images/</a>
 
 		<dt>Latest Version:</dt>
 		<dd><a href="http://www.w3.org/TR/css3-images/">http://www.w3.org/TR/css3-images/</a></dd>
@@ -515,16 +516,8 @@
 
 		<pre><code>linear-gradient(to top right, red, white, blue)</code></pre>
 
-		<p><svg width='200' height='100'>
-			<defs>
-				<linearGradient x1='0' y1='1' x2='1' y2='0' gradientUnits='objectBoundingBox' id='corner-gradient'>
-					<stop offset='0%' stop-color='red'></stop>
-					<stop offset='50%' stop-color='white'></stop>
-					<stop offset='100%' stop-color='blue'></stop>
-				</linearGradient>
-			</defs>
-			<rect x='0' y='0' width='100%' height='100%' fill='url(#corner-gradient)' />
-		</svg></p>
+		<p><object data="gradient1.svg" width="200"
+			height="100">(Image requires SVG)</object></p>
 
 		<p><small>* SVG-in-HTML support required to view the image.</small></p>
 	</div>
@@ -867,30 +860,13 @@
 
 		<p>In premultiplied space, transitions to or from "transparent" always look nice:</p>
 
-		<p><svg width='200' height='100' style="background:white">
-			<defs>
-				<linearGradient id='premult-gradient'>
-					<stop offset='0%' stop-color='red'></stop>
-					<stop offset='50%' stop-color='red' stop-opacity='0'></stop>
-					<stop offset='50%' stop-color='blue' stop-opacity='0'></stop>
-					<stop offset='100%' stop-color='blue'></stop>
-				</linearGradient>
-			</defs>
-			<rect width='100%' height='100%' fill='url(#premult-gradient)'></rect>
-		</svg></p>
+		<p><object data="gradient2.svg" width="200"
+			height="100">(Image requires SVG)</object></p>
 
 		<p>On the other hand, if a gradient were to incorrectly transition in non-premultiplied space, the colors near "transparent" would noticeably darken to a grayish color, because "transparent" is actually a shorthand for ''rgba(0,0,0,0)'', or transparent black:</p>
 
-		<p><svg width='200' height='100' style="background:white">
-			<defs>
-				<linearGradient id='nonpremult-gradient'>
-					<stop offset='0%' stop-color='red'></stop>
-					<stop offset='50%' stop-color='black' stop-opacity='0'></stop>
-					<stop offset='100%' stop-color='blue'></stop>
-				</linearGradient>
-			</defs>
-			<rect width='100%' height='100%' fill='url(#nonpremult-gradient)'></rect>
-		</svg></p>
+		<p><object data="gradient3.svg" width="200"
+			height="100">(Image requires SVG)</object></p>
 
 		<p><small>* SVG-in-HTML support required to view the images.</small></p>
 	</div>
@@ -1272,7 +1248,7 @@
 				<td>specified value
 	</table>
 
-	<p>The 'object-position' property determines the alignment of the replaced element inside its box. The <dfn><code>&lt;position></code></dfn> value type is defined as the positioning syntax of '<a href="http://www.w3.org/TR/css3-background/#the-background-position">background-position</a>' and is resolved in the same way, using the image as the subject and the content box as the positioning area. [[!CSS21]] [[!CSS3BACKGROUND]]</p>
+	<p>The 'object-position' property determines the alignment of the replaced element inside its box. The <dfn><code>&lt;position></code></dfn> value type is defined as the positioning syntax of '<a href="http://www.w3.org/TR/css3-background/#the-background-position">background-position</a>' and is resolved in the same way, using the image as the subject and the content box as the positioning area. [[!CSS21]] [[!CSS3BG]]</p>
 
 	<p class="note">Note that areas of the box not covered by the replaced
 	element will show the element's background.</p>
Received on Wednesday, 7 September 2011 15:36:38 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 7 September 2011 15:36:38 GMT