# HG changeset patch # User Brian Birtles # Date 1454283180 -39600 # Node ID 84b2940a9c5210dfa78361fe7164bc1f99b33488 # Parent e4c3fc1523eb3555cc4e27635dfb7c601cb0d8ec [css-animations] Make animation-delay live As resolved: https://lists.w3.org/Archives/Public/www-style/2015Oct/0226.html This fixes issue 67. diff -r e4c3fc1523eb -r 84b2940a9c52 css-animations/Overview.bs --- a/css-animations/Overview.bs Sat Jan 30 03:36:10 2016 -0800 +++ b/css-animations/Overview.bs Mon Feb 01 10:33:00 2016 +1100 @@ -134,17 +134,13 @@ 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 + animationend event. + Conversely, extending the 'animation-delay' may cause an animation to + re-start and dispatch an animationstart event. The end of the animation is defined by the combination of the 'animation-duration', 'animation-iteration-count' and 'animation-fill-mode' diff -r e4c3fc1523eb -r 84b2940a9c52 css-animations/Overview.html --- a/css-animations/Overview.html Sat Jan 30 03:36:10 2016 -0800 +++ b/css-animations/Overview.html Mon Feb 01 10:33:00 2016 +1100 @@ -67,7 +67,7 @@

CSS Animations Level 1

-

Editor’s Draft,

+

Editor’s Draft,

This version: @@ -101,7 +101,7 @@
- +

Abstract

@@ -295,15 +295,12 @@ 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 animationend event. + Conversely, extending the animation-delay may cause an animation to + re-start and dispatch an animationstart event.

The end of the animation is defined by the combination of the animation-duration, animation-iteration-count and animation-fill-mode properties.

@@ -1617,9 +1614,9 @@
[CSS-DISPLAY-3]
Tab Atkins Jr.; Elika Etemad. CSS Display Module Level 3. 15 October 2015. WD. URL: http://www.w3.org/TR/css-display-3/
[CSS-POSITION-3] -
CSS Positioned Layout Module Level 3 URL: http://www.w3.org/TR/css3-positioning/ +
CSS Positioned Layout Module Level 3 URL: https://www.w3.org/TR/css3-positioning/
[CSS-TRANSITIONS-1] -
CSS Transitions Module Level 1 URL: http://www.w3.org/TR/css3-transitions/ +
CSS Transitions Module Level 1 URL: https://www.w3.org/TR/css3-transitions/
[CSS-VALUES]
Tab Atkins Jr.; Elika Etemad. CSS Values and Units Module Level 3. 11 June 2015. CR. URL: http://www.w3.org/TR/css-values/
[CSS3-TRANSITIONS]