[css-animations] Make animation-delay live

As resolved:
https://lists.w3.org/Archives/Public/www-style/2015Oct/0226.html

This fixes issue 67.

Author: birtles

css-animations/Overview.bs

@@ -134,17 +134,13 @@ 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 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
-	of animations are applied and one is removed from the list, only that animation
-	will stop; The other animations will continue). In order to restart an animation,
-	it must be removed then reapplied.
+	removed. Changes to the values of animation properties while the animation
+	is running apply as if the animation had those values from when it
+	began. For example, shortening the 'animation-delay' may cause the animation
+	to jump forwards or even finish immediately and dispatch an
+	<a idl>animationend</a> event.
+	Conversely, extending the 'animation-delay' may cause an animation to
+	re-start and dispatch an <a idl>animationstart</a> event.
 
 	The end of the animation is defined by the combination of the
 	'animation-duration', 'animation-iteration-count' and 'animation-fill-mode'

css-animations/Overview.html

@@ -67,7 +67,7 @@
   <div class="head">
    <p data-fill-with="logo"><a class="logo" href="http://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/Icons/w3c_home" width="72"> </a> </p>
    <h1 class="p-name no-ref" id="title">CSS Animations Level 1</h1>
-   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2015-10-26">26 October 2015</time></span></h2>
+   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2016-02-01">1 February 2016</time></span></h2>
    <div data-fill-with="spec-metadata">
     <dl>
      <dt>This version:
@@ -101,7 +101,7 @@ <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="cont
     </dl>
    </div>
    <div data-fill-with="warning"></div>
-   <p class="copyright" data-fill-with="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2015 <a href="http://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="http://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href="http://www.keio.ac.jp/">Keio</a>, <a href="http://ev.buaa.edu.cn/">Beihang</a>). W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply. </p>
+   <p class="copyright" data-fill-with="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2016 <a href="http://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="http://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href="http://www.keio.ac.jp/">Keio</a>, <a href="http://ev.buaa.edu.cn/">Beihang</a>). W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply. </p>
    <hr title="Separator for header">
   </div>
   <h2 class="no-num no-toc no-ref heading settled" id="abstract"><span class="content">Abstract</span></h2>
@@ -295,15 +295,12 @@ <h2 class="heading settled" data-level="3" id="animations"><span class="secno">3
 	identifiers in the computed value of the <a class="property" data-link-type="propdesc" href="#propdef-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">animation-name</a> is
-	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">animation-delay</a> have no effect. The remainder of the animation runs
-	according to the new animation property values.</p>
-   <p>Note also that changing the value
-	of <a class="property" data-link-type="propdesc" href="#propdef-animation-name">animation-name</a> does not necessarily restart an animation (e.g., if a list
-	of animations are applied and one is removed from the list, only that animation
-	will stop; The other animations will continue). In order to restart an animation,
-	it must be removed then reapplied.</p>
+	removed. Changes to the values of animation properties while the animation
+	is running apply as if the animation had those values from when it
+	began. For example, shortening the <a class="property" data-link-type="propdesc" href="#propdef-animation-delay">animation-delay</a> may cause the animation
+	to jump forwards or even finish immediately and dispatch an <a data-link-type="idl" href="#dom-animationevent-animationend">animationend</a> event.
+	Conversely, extending the <a class="property" data-link-type="propdesc" href="#propdef-animation-delay">animation-delay</a> may cause an animation to
+	re-start and dispatch an <a data-link-type="idl" href="#dom-animationevent-animationstart">animationstart</a> event.</p>
    <p>The end of the animation is defined by the combination of the <a class="property" data-link-type="propdesc" href="#propdef-animation-duration">animation-duration</a>, <a class="property" data-link-type="propdesc" href="#propdef-animation-iteration-count">animation-iteration-count</a> and <a class="property" data-link-type="propdesc" href="#propdef-animation-fill-mode">animation-fill-mode</a> properties.</p>
    <div class="example" id="example-dee38741">
     <a class="self-link" href="#example-dee38741"></a> 
@@ -1617,9 +1614,9 @@ <h3 class="no-num heading settled" id="normative"><span class="content">Normativ
    <dt id="biblio-css-display-3"><a class="self-link" href="#biblio-css-display-3"></a>[CSS-DISPLAY-3]
    <dd>Tab Atkins Jr.; Elika Etemad. <a href="http://www.w3.org/TR/css-display-3/">CSS Display Module Level 3</a>. 15 October 2015. WD. URL: <a href="http://www.w3.org/TR/css-display-3/">http://www.w3.org/TR/css-display-3/</a>
    <dt id="biblio-css-position-3"><a class="self-link" href="#biblio-css-position-3"></a>[CSS-POSITION-3]
-   <dd>CSS Positioned Layout Module Level 3 URL: <a href="http://www.w3.org/TR/css3-positioning/">http://www.w3.org/TR/css3-positioning/</a>
+   <dd>CSS Positioned Layout Module Level 3 URL: <a href="https://www.w3.org/TR/css3-positioning/">https://www.w3.org/TR/css3-positioning/</a>
    <dt id="biblio-css-transitions-1"><a class="self-link" href="#biblio-css-transitions-1"></a>[CSS-TRANSITIONS-1]
-   <dd>CSS Transitions Module Level 1 URL: <a href="http://www.w3.org/TR/css3-transitions/">http://www.w3.org/TR/css3-transitions/</a>
+   <dd>CSS Transitions Module Level 1 URL: <a href="https://www.w3.org/TR/css3-transitions/">https://www.w3.org/TR/css3-transitions/</a>
    <dt id="biblio-css-values"><a class="self-link" href="#biblio-css-values"></a>[CSS-VALUES]
    <dd>Tab Atkins Jr.; Elika Etemad. <a href="http://www.w3.org/TR/css-values/">CSS Values and Units Module Level 3</a>. 11 June 2015. CR. URL: <a href="http://www.w3.org/TR/css-values/">http://www.w3.org/TR/css-values/</a>
    <dt id="biblio-css3-transitions"><a class="self-link" href="#biblio-css3-transitions"></a>[CSS3-TRANSITIONS]