Skip to content

Commit 84f853d

Browse files
author
Sylvain Galineau
committed
[css-animations] Clarify effect of updating animation properties while running
1 parent 99c1b67 commit 84f853d

2 files changed

Lines changed: 15 additions & 7 deletions

File tree

css-animations/Overview.bs

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -105,9 +105,13 @@ Animations</h2>
105105
identifiers in the computed value of the 'animation-name' property and the
106106
animation uses a valid @keyframes rule. Once an
107107
animation has started it continues until it ends or the 'animation-name' is
108-
removed. The values used for the keyframes and animation properties are
109-
snapshotted at the time the animation starts. Changing them during the
110-
execution of the animation has no effect. Note also that changing the value
108+
removed. Changing the values of the animation properties while the animation
109+
is running has no effect on the amount of time elapsed since the animation
110+
started running i.e. once the animation is running, updates to 'animation-delay'
111+
have no effect. The remainder of the animation runs according to the new
112+
animation property values.
113+
114+
Note also that changing the value
111115
of 'animation-name' does not necessarily restart an animation (e.g., if a list
112116
of animations are applied and one is removed from the list, only that animation
113117
will stop; The other animations will continue). In order to restart an animation,

css-animations/Overview.html

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@
5656
</p>
5757
<h1 class="p-name no-ref" id=title>CSS Animations Level 1</h1>
5858
<h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
59-
<span class=dt-updated><span class=value-title title=20141007>7 October 2014</span></span></span></h2>
59+
<span class=dt-updated><span class=value-title title=20141016>16 October 2014</span></span></span></h2>
6060
<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>
6161
<dt>Feedback:</dt>
6262
<dd><a href="mailto:www-style@w3.org?subject=%5Bcss-animations%5D%20feedback">www-style@w3.org</a>
@@ -248,9 +248,13 @@ <h2 class="heading settled heading" data-level=3 id=animations><span class=secno
248248
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
249249
animation uses a valid @keyframes rule. Once an
250250
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
251-
removed. The values used for the keyframes and animation properties are
252-
snapshotted at the time the animation starts. Changing them during the
253-
execution of the animation has no effect. Note also that changing the value
251+
removed. Changing the values of the animation properties while the animation
252+
is running has no effect on the amount of time elapsed since the animation
253+
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>
254+
have no effect. The remainder of the animation runs according to the new
255+
animation property values.
256+
257+
<p> Note also that changing the value
254258
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
255259
of animations are applied and one is removed from the list, only that animation
256260
will stop; The other animations will continue). In order to restart an animation,

0 commit comments

Comments
 (0)