[css-animations] Clarify scope of animation-timing-function when used in @Keyframes

Author: Sylvain Galineau

css-animations/Overview.bs

@@ -105,11 +105,11 @@ Animations</h2>
 	identifiers in the computed value of the 'animation-name' property and the
 	animation uses a valid @keyframes rule. Once an
 	animation has started it continues until it ends or the 'animation-name' is
-	removed. Changing the values of the animation properties while the animation
-	is running has no effect on the amount of time elapsed since the animation
-	started running i.e. once the animation is running, updates to 'animation-delay'
-	have no effect. The remainder of the animation runs according to the new
-	animation property values.
+	removed. Changing the values of animation properties while the animation
+	is running has no effect on the amount of time that has elapsed since the 
+	animation started running i.e. once the animation is running, updates to 
+	'animation-delay' have no effect. The remainder of the animation runs 
+	according to the new animation property values.
 
 	Note also that changing the value
 	of 'animation-name' does not necessarily restart an animation (e.g., if a list
@@ -477,9 +477,10 @@ The 'animation-timing-function' property</h3>
 	ease in at the start of its second iteration,
 	and ease out again as it approaches the end of the animation.
 
-	Note: Unlike other animation properties,
-	'animation-timing-function' has an effect when specified on an individual keyframe.
-	See <a section href="#timing-functions"></a> for more detail on this.
+	When specified in a keyframe, 'animation-timing-function' defines the progression of the 
+	animation between the keyframe and the next keyframe in sorted keyframe selector order, or
+	the end of the animation if no other keyframe is defined. The specified timing function will
+	apply over this interval independently of the animation's current direction.
 
 <h3 id="animation-iteration-count">
 The 'animation-iteration-count' property</h3>

css-animations/Overview.html

@@ -56,7 +56,7 @@
 </p>
   <h1 class="p-name no-ref" id=title>CSS Animations Level 1</h1>
   <h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
-    <span class=dt-updated><span class=value-title title=20141016>16 October 2014</span></span></span></h2>
+    <span class=dt-updated><span class=value-title title=20141020>20 October 2014</span></span></span></h2>
   <div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css3-animations/>http://dev.w3.org/csswg/css3-animations/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css3-animations/>http://www.w3.org/TR/css3-animations/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css3-animations/>http://dev.w3.org/csswg/css3-animations/</a><dt>Previous Versions:<dd><a href=http://www.w3.org/TR/2013/WD-css3-animations-20130219/ rel=previous>http://www.w3.org/TR/2013/WD-css3-animations-20130219/</a><dd><a href=http://www.w3.org/TR/2012/WD-css3-animations-20120403/ rel=previous>http://www.w3.org/TR/2012/WD-css3-animations-20120403/</a>
     <dt>Feedback:</dt>
         <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-animations%5D%20feedback">www-style@w3.org</a>
@@ -248,11 +248,11 @@ <h2 class="heading settled heading" data-level=3 id=animations><span class=secno
 	identifiers in the computed value of the <a class=property data-link-type=propdesc href=#propdef-animation-name title=animation-name>animation-name</a> property and the
 	animation uses a valid @keyframes rule. Once an
 	animation has started it continues until it ends or the <a class=property data-link-type=propdesc href=#propdef-animation-name title=animation-name>animation-name</a> is
-	removed. Changing the values of the animation properties while the animation
-	is running has no effect on the amount of time elapsed since the animation
-	started running i.e. once the animation is running, updates to <a class=property data-link-type=propdesc href=#propdef-animation-delay title=animation-delay>animation-delay</a>
-	have no effect. The remainder of the animation runs according to the new
-	animation property values.
+	removed. Changing the values of animation properties while the animation
+	is running has no effect on the amount of time that has elapsed since the 
+	animation started running i.e. once the animation is running, updates to 
+	<a class=property data-link-type=propdesc href=#propdef-animation-delay title=animation-delay>animation-delay</a> have no effect. The remainder of the animation runs 
+	according to the new animation property values.
 
 <p>	Note also that changing the value
 	of <a class=property data-link-type=propdesc href=#propdef-animation-name title=animation-name>animation-name</a> does not necessarily restart an animation (e.g., if a list
@@ -572,9 +572,10 @@ <h3 class="heading settled heading" data-level=4.4 id=animation-timing-function>
 	ease in at the start of its second iteration,
 	and ease out again as it approaches the end of the animation.
 
-<p class=note>	Note: Unlike other animation properties,
-	<a class=property data-link-type=propdesc href=#propdef-animation-timing-function title=animation-timing-function>animation-timing-function</a> has an effect when specified on an individual keyframe.
-	See <a href=#timing-functions section=""></a> for more detail on this.
+<p>	When specified in a keyframe, <a class=property data-link-type=propdesc href=#propdef-animation-timing-function title=animation-timing-function>animation-timing-function</a> defines the progression of the 
+	animation between the keyframe and the next keyframe in sorted keyframe selector order, or
+	the end of the animation if no other keyframe is defined. The specified timing function will
+	apply over this interval independently of the animation’s current direction.
 
 <h3 class="heading settled heading" data-level=4.5 id=animation-iteration-count><span class=secno>4.5 </span><span class=content>
 The <a class=property data-link-type=propdesc href=#propdef-animation-iteration-count title=animation-iteration-count>animation-iteration-count</a> property</span><a class=self-link href=#animation-iteration-count></a></h3>