Skip to content

Commit 05ba515

Browse files
committed
[css-values-4] Add generic interpolation function. #581 #2854
1 parent d6d5dad commit 05ba515

File tree

1 file changed

+38
-0
lines changed

1 file changed

+38
-0
lines changed

css-values-4/Overview.bs

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -449,6 +449,44 @@ Combining Values: Interpolation, Addition, and Accumulation
449449
If a value type does not define a specific procedure for accumulation,
450450
its accumulation operation is identical to addition.
451451

452+

453+
Representing Interpolated Values: the ''mix()'' notation
454+
455+
[=Interpolation=] of two values can be represented
456+
by the mix() [=functional notation=],
457+
whose syntax is defined as follows:
458+
459+
460+
mix( <> ; <> ; <
461+
462+
463+
464+
<>
465+
466+
Represents the interpolation point
467+
as progress from <> to <>.
468+
469+
<>
470+
471+
The value at the “start” (0%) of the interpolation range.
472+
473+
<>
474+
475+
The value at the “end” (100%) of the interpolation range.
476+
477+
478+
Note: This [=functional notation=] uses semicolons to separate arguments
479+
rather than the more typical comma
480+
because the values themselves can contain commas.
481+
482+
A ''mix()'' notation is invalid if either its <> or <>
483+
is invalid if substituted in its place,
484+
or if the property using it is [=not animatable=].
485+
486+
ISSUE: Define more precisely where mix() is allowed.
487+
Is it a top-level functional notation only?
488+
Or can it be nested more deeply in the grammar somehow?
489+
452490

453491
Range Checking
454492

0 commit comments

Comments
 (0)