@@ -10,6 +10,7 @@ ED: https://drafts.csswg.org/css-images-4/
10
10
TR : https://www.w3.org/TR/css4-images/
11
11
Editor : Tab Atkins Jr., Google, http://xanthir.com/contact/
12
12
Editor : Elika J. Etemad / fantasai, Invited Expert, http://fantasai.inkedblade.net/contact, w3cid 35400
13
+ Editor : Lea Verou, Invited Expert, http://lea.verou.me/about, w3cid 52258
13
14
Abstract : This is a delta spec over Images 3; when next published, it will be a real spec with everything filled in, but for now removing duplication is more important than having a complete spec.
14
15
Issue Tracking : Tracker http://www.w3.org/Style/CSS/Tracker/products/27
15
16
Previous Version : https://www.w3.org/TR/2012/WD-css4-images-20120911/
@@ -573,7 +574,7 @@ Gradients</h2>
573
574
<h3 id='conic-gradients'>
574
575
Conic Gradients: the ''conic-gradient()'' notation</h3>
575
576
576
-
577
+
577
578
578
579
A conic gradient starts by specifying the center of a circle,
579
580
similar to radial gradients,
@@ -729,7 +730,7 @@ Conic Gradient Examples</h4>
729
730
</div>
730
731
731
732
<div class=example>
732
- A conic gradient used to draw a simple pie chart.
733
+ A conic gradient used to draw a simple pie chart.
733
734
The ''0deg'' color stop positions will be fixed up to be equal to the position of the color stop before them.
734
735
This will produce infinitesimal (invisible) transitions between the color stops with different colors,
735
736
effectively producing solid color segments.
@@ -768,7 +769,7 @@ Repeating Gradients: the ''repeating-linear-gradient()'', ''repeating-radial-gra
768
769
Basic repeating conic gradient:
769
770
770
771
<pre> background: repeating-conic-gradient(gold, #f06 20deg);</pre>
771
-
772
+
772
773
<img src="images/repeating-conic1.png" alt="">
773
774
</div>
774
775
@@ -780,13 +781,13 @@ Repeating Gradients: the ''repeating-linear-gradient()'', ''repeating-radial-gra
780
781
hsla(0,0%,100%,.2) 0deg 15deg,
781
782
hsla(0,0%,100%,0) 0deg 30deg
782
783
) #0ac;</pre>
783
-
784
+
784
785
<img src="images/repeating-conic2.png" alt="">
785
786
</div>
786
787
787
788
<div class=example>
788
789
Here repeating color stops with abrupt transitions are used to create a checkerboard:
789
-
790
+
790
791
<pre>
791
792
background: repeating-conic-gradient(black 0deg 25%, white 0deg 50%);
792
793
background-size: 60px 60px;
@@ -845,7 +846,7 @@ Gradient Color-Stops</h3>
845
846
T: ,
846
847
N: <color-stop>
847
848
</pre>
848
-
849
+
849
850
<p class='issue'>
850
851
Are lengths useful in <<angular-color-stop>> , for a given gradient circle?
851
852
@@ -1083,5 +1084,3 @@ Gradient Color-Stops</h3>
1083
1084
or rgba(255,0,0,100%) and rgba(255,0,0,0%))
1084
1085
have identical results whether the color interpolation is done in premultiplied or non-premultiplied color-space.
1085
1086
Differences only arise when both the color and transparency differ between the two endpoints.
1086
-
1087
-
0 commit comments