@@ -376,6 +376,32 @@ Interpolated Image Values: the ''cross-fade()'' notation</h3>
376
376
as the <<percentage>> of the first <<color>> argument in the second variant.
377
377
See [[css-images-4#cross-fade-function]] for the normative definition of the second variant.
378
378
379
+
380
+ <h3 id="transform-mix">
381
+ Interpolated Transform Values: the ''transform-mix()'' notation</h3>
382
+
383
+ The <dfn>transform-mix()</dfn> [=mix notation=]
384
+ represents an interpolated <<transform-list>> ,
385
+ with the following syntactic form:
386
+
387
+ <pre class=prod>
388
+ <dfn><<transform-mix()>></dfn> = transform-mix( <<progress>> , <<transform-list>> , <<transform-list>> )
389
+ </pre>
390
+
391
+ The [=used value=] of a valid ''transform-mix()'' is
392
+ the result of interpolating these two values
393
+ to the progress given by <<progress>> .
394
+ If the <<progress>> value can be computed to a <<percentage>> ,
395
+ and the <<transform-list>> s can be interpolated
396
+ without used-value-time information,
397
+ then the [=computed value=] is likewise
398
+ the result of interpolating the two [=computed values=]
399
+ to that <<progress>> value;
400
+ it is otherwise the ''transform-mix()'' notation itself
401
+ with its arguments each computed according to their type.
402
+
403
+ ''transform-mix()'' is, itself, a <<transform-function>> .
404
+
379
405
<h3 id="mix">
380
406
Interpolated Property Values: the ''mix()'' notation</h3>
381
407
0 commit comments