|
56 | 56 | </p> |
57 | 57 | <h1 class="p-name no-ref" id=title>CSS Animations Level 1</h1> |
58 | 58 | <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=20140528>28 May 2014</span></span></span></h2> |
| 59 | + <span class=dt-updated><span class=value-title title=20140715>15 July 2014</span></span></span></h2> |
60 | 60 | <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> |
61 | 61 | <dt>Feedback:</dt> |
62 | 62 | <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-animations%5D%20feedback">www-style@w3.org</a> |
@@ -239,12 +239,17 @@ <h2 class="heading settled heading" data-level=3 id=animations><span class=secno |
239 | 239 | delay). During an animation, the computed style is derived from the |
240 | 240 | animated value. |
241 | 241 |
|
242 | | -<p> The start time of an animation is the time at which the style that defines |
243 | | - the animation is resolved. An animation specified by dynamically modifying |
244 | | - the element’s style will start when this style is resolved; that may be |
245 | | - immediately in the case of a pseudo style rule such as hover, or may be |
246 | | - when the scripting engine returns control to the browser (in the case of |
247 | | - style applied by script). |
| 242 | +<p> The start time of an animation is the time at which the style applying |
| 243 | + the animation and the corresponding @keyframes rule are both resolved. |
| 244 | + If an animation is specified for an element but the corresponding |
| 245 | + @keyframes rule does not yet exist, the animation cannot start; the |
| 246 | + animation will start from the beginning as soon as a matching @keyframes |
| 247 | + rule can be resolved. An animation specified by dynamically modifying the |
| 248 | + element’s style will start when this style is resolved; that may be |
| 249 | + immediately in the case of a pseudo style rule such as hover, or may be |
| 250 | + when the scripting engine returns control to the browser (in the case of |
| 251 | + style applied by script). |
| 252 | + |
248 | 253 |
|
249 | 254 | <p> An animation applies to an element if its name appears as one of the |
250 | 255 | 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 |
|
0 commit comments