Skip to content

Commit 4b03d10

Browse files
committed
[properties-values-api] Rewrite animation section to defer more to the V&U/Animations spec, and to specify that space-separated lists of transform functions interpolate as transforms, not as simple lists.
1 parent 5b5afec commit 4b03d10

File tree

1 file changed

+20
-12
lines changed

1 file changed

+20
-12
lines changed

css-properties-values-api/Overview.bs

+20-12
Original file line numberDiff line numberDiff line change
@@ -686,14 +686,26 @@ Note: As defined by [[css3-animations]] and [[css3-transitions]], it is possible
686686
specify animations and transitions that reference custom properties.
687687

688688
When referenced by animations and transitions,
689-
custom properties interpolate in a manner defined by their types.
690-
If their type is defined as a list with "+",
691-
it's interpolated as a simple list [[!css3-transitions]].
692-
693-
If the start and end of an interpolation have matching types, then they
694-
will interpolate as specified in [[!css3-animations]].
695-
Otherwise, the interpolation falls back to the default 50% flip described in
696-
[[!css3-animations]].
689+
custom property values [=interpolate=] [=by computed value=],
690+
in accordance with the type that they parsed as.
691+
692+
Note: This implies that a list of values,
693+
such as `<color>+` or `<color>#`,
694+
will interpolate as a simple list,
695+
matching up each component index-by-index,
696+
and failing if the number of components doesn't match.
697+
698+
As an exception to the above rule,
699+
a value that parsed as a `<transform-list>`,
700+
a `<transform-function>`,
701+
or a `<transform-function>+`
702+
instead interpolates as per the 'transform' property.
703+
704+
Note: If,
705+
for whatever reason,
706+
a custom property is defined with a syntax of `<transform-function>#`,
707+
this will thus first interpolate as a simple list,
708+
and then each list item will interpolate as a 'transform' value.
697709

698710
Conditional Rules {#conditional-rules}
699711
--------------------------------------
@@ -705,11 +717,7 @@ Conditional Rules {#conditional-rules}
705717
and paying no attention to registered properties' syntaxes.
706718

707719
{{CSS/supports(property, value)}},
708-
<<<<<<< HEAD
709-
as specified in [[css3-conditional]],
710-
=======
711720
as specified in [[css-conditional-1]],
712-
>>>>>>> [css-properties-values-api] Fix some linking errors.
713721
<em>does</em> pay attention to the syntax of registered custom properties.
714722

715723
The general principle in use

0 commit comments

Comments
 (0)