@@ -686,14 +686,26 @@ Note: As defined by [[css3-animations]] and [[css3-transitions]], it is possible
686
686
specify animations and transitions that reference custom properties.
687
687
688
688
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.
697
709
698
710
Conditional Rules {#conditional-rules}
699
711
--------------------------------------
@@ -705,11 +717,7 @@ Conditional Rules {#conditional-rules}
705
717
and paying no attention to registered properties' syntaxes.
706
718
707
719
{{CSS/supports(property, value)}} ,
708
- <<<<<<< HEAD
709
- as specified in [[css3-conditional]] ,
710
- =======
711
720
as specified in [[css-conditional-1]] ,
712
- >>>>>>> [css-properties-values-api] Fix some linking errors.
713
721
<em> does</em> pay attention to the syntax of registered custom properties.
714
722
715
723
The general principle in use
0 commit comments