Skip to content

Commit aa637d9

Browse files
committed
[css-images-4][editorial] Improve introductory text for <color-interpolation-method>
1 parent d07c8c5 commit aa637d9

File tree

1 file changed

+18
-7
lines changed

1 file changed

+18
-7
lines changed

css-images-4/Overview.bs

Lines changed: 18 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1191,18 +1191,26 @@ Gradients</h2>
11911191
Linear Gradients: the ''linear-gradient()'' notation {#linear-gradients}
11921192
------------------------------------------------------------------------
11931193

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]].
11961199

1197-
<pre class=prod>
1200+
<pre class=prod>
11981201
<dfn>linear-gradient()</dfn> = linear-gradient(
11991202
[ <<angle>> | to <<side-or-corner>> ]? || <<color-interpolation-method>>,
12001203
<<color-stop-list>>
12011204
)
12021205
<dfn>&lt;side-or-corner></dfn> = [left | right] || [top | bottom]
12031206
</pre>
12041207

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.
12061214

12071215
<div class="example">
12081216
In this example, a linear gradient between the same pair of colors
@@ -1330,10 +1338,13 @@ to bring them back into gamut.
13301338
Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}
13311339
------------------------------------------------------------------------
13321340

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]].
13351346

1336-
<pre class=prod>
1347+
<pre class=prod>
13371348
<dfn>radial-gradient()</dfn> = radial-gradient(
13381349
[[ <<ending-shape>> || <<size>> ]? [ at <<position>> ]? ] || <<color-interpolation-method>>,
13391350
<<color-stop-list>>

0 commit comments

Comments
 (0)