Extracted from Overview.src.html

bert-github · bert-github · commit f7b4225868b1 · 2011-09-07T15:37:01.000Z
diff --git a/css3-images/gradient1.svg b/css3-images/gradient1.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width='200' height='100'>
+<desc>Image of a color gradient</desc>
+<defs>
+<linearGradient x1='0' y1='1' x2='1' y2='0' gradientUnits='objectBoundingBox' id='corner-gradient'>
+<stop offset='0%' stop-color='red'/>
+<stop offset='50%' stop-color='white'/>
+<stop offset='100%' stop-color='blue'/>
+</linearGradient>
+</defs>
+<rect x='0' y='0' width='100%' height='100%' fill='url(#corner-gradient)' />
+</svg>
diff --git a/css3-images/gradient2.svg b/css3-images/gradient2.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width='200' height='100' style="background:white">
+<desc>[Image of a color gradient]</desc>
+<defs>
+<linearGradient id='premult-gradient'>
+<stop offset='0%' stop-color='red'/>
+<stop offset='50%' stop-color='red' stop-opacity='0'/>
+<stop offset='50%' stop-color='blue' stop-opacity='0'/>
+<stop offset='100%' stop-color='blue'/>
+</linearGradient>
+</defs>
+<rect width='100%' height='100%' fill='url(#premult-gradient)'/>>
+</svg>
diff --git a/css3-images/gradient3.svg b/css3-images/gradient3.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width='200' height='100' style="background:white">
+<desc>Image of a color gradient</desc>
+<defs>
+<linearGradient id='nonpremult-gradient'>
+<stop offset='0%' stop-color='red'/>
+<stop offset='50%' stop-color='black' stop-opacity='0'/>
+<stop offset='100%' stop-color='blue'/>
+</linearGradient>
+</defs>
+<rect width='100%' height='100%' fill='url(#nonpremult-gradient)'/>
+</svg>
