@@ -1191,18 +1191,26 @@ Gradients</h2>
1191
1191
Linear Gradients: the ''linear-gradient()'' notation {#linear-gradients}
1192
1192
------------------------------------------------------------------------
1193
1193
1194
- Compared to [[css3-images]] , this level adds a <<color-interpolation-method>> token
1195
- to customize color interpolation in gradients as described in [[css-color-4#interpolation]] .
1194
+ This level adds a <<color-interpolation-method>> argument
1195
+ to ''linear-gradient()'' and ''repeating-linear-gradient()'' ,
1196
+ indicating the color space and path to use
1197
+ when interpolating colors on the gradient line.
1198
+ See [[css-color-4#interpolation]] .
1196
1199
1197
- <pre class=prod>
1200
+ <pre class=prod>
1198
1201
<dfn>linear-gradient()</dfn> = linear-gradient(
1199
1202
[ <<angle>> | to <<side-or-corner>> ]? || <<color-interpolation-method>> ,
1200
1203
<<color-stop-list>>
1201
1204
)
1202
1205
<dfn><side-or-corner></dfn> = [left | right] || [top | bottom]
1203
1206
</pre>
1204
1207
1205
- The effect of colorspace on interpolation can be marked.
1208
+ <h4 id="color-interpolation">
1209
+ Effects of color space on interpolation: examples</h4>
1210
+
1211
+ <p><em> This section is non-normative.</em>
1212
+
1213
+ The effect of colorspace on interpolation can be significant.
1206
1214
1207
1215
<div class="example">
1208
1216
In this example, a linear gradient between the same pair of colors
@@ -1330,10 +1338,13 @@ to bring them back into gamut.
1330
1338
Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
1331
1339
------------------------------------------------------------------------
1332
1340
1333
- Compared to [[css3-images]] , this level adds a <<color-interpolation-method>> token
1334
- to customize color interpolation in gradients as described in [[css-color-4#interpolation]] .
1341
+ This level adds a <<color-interpolation-method>> argument
1342
+ to ''radial-gradient()'' and ''repeating-radial-gradient()'' ,
1343
+ indicating the color space and path to use
1344
+ when interpolating colors on the gradient line.
1345
+ See [[css-color-4#interpolation]] .
1335
1346
1336
- <pre class=prod>
1347
+ <pre class=prod>
1337
1348
<dfn>radial-gradient()</dfn> = radial-gradient(
1338
1349
[[ <<ending-shape>> || <<size>> ]? [ at <<position>> ]? ] || <<color-interpolation-method>> ,
1339
1350
<<color-stop-list>>
0 commit comments