[css-animations-1][css-animations-2] Define 'animation-*' as a coordinated list property group.

Author: fantasai

css-animations-1/Overview.bs

@@ -440,7 +440,19 @@ Timing functions for keyframes</h3>
 Declaring Animations</h2>
 
 	CSS Animations are defined by binding keyframes to an element
-	using the 'animation' properties.
+	using the 'animation-*' properties.
+	These list-valued properties,
+	which are all [=longhands=] of the 'animation' [=shorthand=],
+	form a [=coordinating list property group=]
+	with 'animation-name' as the [=coordinating list base property=]
+	and each item in the [=coordinated value list=]
+	defining the properties of a single animation effect.
+
+	Note: This is analogous to the behavior of the 'background-*' properties,
+	with 'background-image' analogous to 'animation-name'.
+
+	See [[css-values-4#linked-properties]]
+	for how the individual 'animation-*' property values coordinate.
 
 <h3 id="animation-name">
 The 'animation-name' property</h3>
@@ -452,17 +464,6 @@ The 'animation-name' property</h3>
 	used to override any animations coming from the cascade. If multiple animations are attempting to
 	modify the same property, then the animation closest to the end of the list of names wins.
 
-	Each animation listed by name should have a corresponding value for the other animation properties
-	listed below. If the lists of values for the other animation properties do not have the same length,
-	the length of the 'animation-name' list determines the number of items in each list examined when
-	starting animations. The lists are matched up from the first value: excess values at the end are not
-	used. If one of the other properties doesn't have enough comma-separated values to match the number of
-	values of 'animation-name', the UA must calculate its used value by repeating the list of values until
-	there are enough. This truncation or repetition does not affect the computed value.
-
-	Note: This is analogous to the behavior of the 'background-*' properties, with
-	'background-image' analogous to 'animation-name'.
-
 	<pre class='propdef'>
 	Name: animation-name
 	Value: [ none | <<keyframes-name>> ]#

css-animations-2/Overview.bs

@@ -381,7 +381,16 @@ requirement to iterate in reverse.
 Declaring Animations</h2>
 
     CSS Animations are defined by binding keyframes to an element
-    using the 'animation' properties.
+    using the 'animation-*' properties.
+    These list-valued properties,
+    which are all [=longhands=] of the 'animation' [=shorthand=],
+    form a [=coordinating list property group=]
+    with 'animation-name' as the [=coordinating list base property=]
+    and each item in the [=coordinated value list=]
+    defining the properties of a single animation effect.
+
+    See [[css-values-4#linked-properties]]
+    for how the individual 'animation-*' property values coordinate.
 
 ## The 'animation-duration' property ## {#animation-duration}