Skip to content

Commit 7390526

Browse files
committed
[css-values-5] Add transform-mix()
1 parent ab5ac0e commit 7390526

File tree

1 file changed

+26
-0
lines changed

1 file changed

+26
-0
lines changed

css-values-5/Overview.bs

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -376,6 +376,32 @@ Interpolated Image Values: the ''cross-fade()'' notation</h3>
376376
as the <<percentage>> of the first <<color>> argument in the second variant.
377377
See [[css-images-4#cross-fade-function]] for the normative definition of the second variant.
378378

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+
379405
<h3 id="mix">
380406
Interpolated Property Values: the ''mix()'' notation</h3>
381407

0 commit comments

Comments
 (0)