|
29 | 29 |
|
30 | 30 | <h1>CSS Animations Module Level 3</h1> |
31 | 31 |
|
32 | | - <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 10 February |
33 | | - 2009</h2> |
| 32 | + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 14 April 2009</h2> |
34 | 33 |
|
35 | 34 | <dl> |
36 | 35 | <dt>This version: |
37 | 36 |
|
38 | | - <dd> <a |
39 | | - href="http://dev.w3.org/csswg/css3-animations/">http://dev.w3.org/csswg/css3-animations/</a> |
40 | | - |
| 37 | + <dd><a |
| 38 | + href="http://www.w3.org/TR/2009/ED-css3-animations-20090414">http://dev.w3.org/csswg/css3-animations/</a> |
| 39 | + <!--http://www.w3.org/TR/2009/WD-css3-animations-20090414--> |
41 | 40 |
|
42 | 41 | <dt>Latest version: |
43 | 42 |
|
44 | 43 | <dd><a |
45 | | - href="http://www.w3.org/TR/css3-animations/">http://www.w3.org/TR/unknown-shortname</a> |
| 44 | + href="http://www.w3.org/TR/css3-animations">http://www.w3.org/TR/css3-animations</a> |
46 | 45 |
|
47 | 46 |
|
48 | | - <dt>Previous versions: |
| 47 | + <dt>Previous version: |
| 48 | + |
| 49 | + <dd><a href="http://www.w3.org/TR/2009/WD-css3-animations-20090320/"> |
| 50 | + http://www.w3.org/TR/2009/WD-css3-animations-20090320/</a> |
49 | 51 |
|
50 | 52 | <dt id=editors-list>Editors: |
51 | 53 |
|
@@ -96,8 +98,8 @@ <h2 class="no-num no-toc" id=status>Status of this document</h2> |
96 | 98 | mailing list <a href="mailto:www-style@w3.org">www-style@w3.org</a> (see |
97 | 99 | <a href="http://www.w3.org/Mail/Request">instructions</a>) is preferred |
98 | 100 | for discussion of this specification. When sending e-mail, please put the |
99 | | - text “unknown-shortname” in the subject, preferably like this: |
100 | | - “[<!---->unknown-shortname<!---->] <em>…summary of |
| 101 | + text “css3-animations” in the subject, preferably like this: |
| 102 | + “[<!---->css3-animations<!---->] <em>…summary of |
101 | 103 | comment…</em>” |
102 | 104 |
|
103 | 105 | <p>This document was produced by the <a href="/Style/CSS/members">CSS |
@@ -199,8 +201,9 @@ <h2 id=introduction><span class=secno>1 </span>Introduction</h2> |
199 | 201 | <em>defined animations</em>, which specify the values that CSS properties |
200 | 202 | will take over a given time interval. |
201 | 203 |
|
202 | | - <p> This specification is an extension to <a href=CSSTransitions.html>CSS |
203 | | - Transitions</a>. |
| 204 | + <p> This specification is an extension to CSS Transitions <a |
| 205 | + href="#CSS3-TRANSITIONS" |
| 206 | + rel=biblioentry>[CSS3-TRANSITIONS]<!--{{!CSS3-TRANSITIONS}}--></a>. |
204 | 207 |
|
205 | 208 | <h2 id=keyframes-><span class=secno>2 </span> Keyframes</h2> |
206 | 209 |
|
@@ -257,7 +260,7 @@ <h2 id=keyframes-><span class=secno>2 </span> Keyframes</h2> |
257 | 260 | multiple keyframes specify the same keyframe selector values. |
258 | 261 |
|
259 | 262 | <div class=example> |
260 | | - <p style=display:none> Example(s):</p> |
| 263 | + <p style="display:none"> Example(s):</p> |
261 | 264 |
|
262 | 265 | <pre> |
263 | 266 | @keyframes 'wobble' { |
@@ -314,7 +317,7 @@ <h3 id=timing-functions-for-keyframes-><span class=secno>2.1 </span> Timing |
314 | 317 | be used as the animation moves to the next keyframe. |
315 | 318 |
|
316 | 319 | <div class=example> |
317 | | - <p style=display:none> Example(s):</p> |
| 320 | + <p style="display:none"> Example(s):</p> |
318 | 321 |
|
319 | 322 | <pre> |
320 | 323 | @keyframes 'bounce' { |
@@ -377,7 +380,7 @@ <h2 id=animations-><span class=secno>3 </span> Animations</h2> |
377 | 380 | or paused. An animation can also delay its start time. |
378 | 381 |
|
379 | 382 | <div class=example> |
380 | | - <p style=display:none> Example(s):</p> |
| 383 | + <p style="display:none"> Example(s):</p> |
381 | 384 |
|
382 | 385 | <pre> |
383 | 386 | div { |
@@ -624,19 +627,19 @@ <h3 id=the-animation-duration-property-><span class=secno>3.3 </span> The |
624 | 627 | ‘<code class=css>0</code>’.</p> |
625 | 628 | <!-- ======================================================================================================= --> |
626 | 629 |
|
627 | | - <h3 id=animation-timing-function_tag><span class=secno>3.4 </span> The |
| 630 | + <h3 id="animation-timing-function_tag"><span class=secno>3.4 </span> The |
628 | 631 | <span class=prop-name>‘<code class=property><a |
629 | 632 | href="#animation-timing-function">animation-timing-function</a></code>’</span> |
630 | 633 | Property</h3> |
631 | 634 |
|
632 | 635 | <p> The <span class=prop-name>‘<code class=property><a |
633 | 636 | href="#animation-timing-function">animation-timing-function</a></code>’</span> |
634 | 637 | property describes how the animation will progress over one cycle of its |
635 | | - duration. See <a |
636 | | - href="CSSTransitions.html#transition-timing-function_tag">the <span |
637 | | - class=prop-name>‘<code |
638 | | - class=property>transition-timing-function</code>’</span> |
639 | | - property</a> for a complete description of timing function calculation. |
| 638 | + duration. See the <span class=prop-name>‘<code |
| 639 | + class=property>transition-timing-function</code>’</span> property <a |
| 640 | + href="#CSS3-TRANSITIONS" |
| 641 | + rel=biblioentry>[CSS3-TRANSITIONS]<!--{{!CSS3-TRANSITIONS}}--></a> for a |
| 642 | + complete description of timing function calculation. |
640 | 643 |
|
641 | 644 | <table class=propdef> |
642 | 645 | <tbody> |
@@ -1107,7 +1110,7 @@ <h2 id=animation-events-><span class=secno>4 </span> Animation Events</h2> |
1107 | 1110 | <div class=method> The <code>initAnimationEvent</code> method is used |
1108 | 1111 | to initialize the value of an <code>AnimationEvent</code> created |
1109 | 1112 | through the <a |
1110 | | - href="events.html#Events-DocumentEvent"><code>DocumentEvent</code></a> |
| 1113 | + href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-DocumentEvent"><code>DocumentEvent</code></a> |
1111 | 1114 | interface. This method may only be called before the |
1112 | 1115 | <code>AnimationEvent</code> has been dispatched via the |
1113 | 1116 | <code>dispatchEvent</code> method, though it may be called multiple |
@@ -1136,7 +1139,7 @@ <h2 id=animation-events-><span class=secno>4 </span> Animation Events</h2> |
1136 | 1139 | <code>DOMString</code> |
1137 | 1140 |
|
1138 | 1141 | <dd> Specifies the <a |
1139 | | - href="events.html#Events-Event"><code>Event</code></a>'s |
| 1142 | + href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event"><code>Event</code></a>'s |
1140 | 1143 | animation name.<br> |
1141 | 1144 |
|
1142 | 1145 | <dt> <code class=parameter-name>elapsedTimeArg</code> of type |
@@ -1437,6 +1440,16 @@ <h3 class=no-num id=normative-references>Normative references</h3> |
1437 | 1440 | <dl class=bibliography> |
1438 | 1441 | <dt style="display: none"><!-- keeps the doc valid if the DL is empty --> |
1439 | 1442 | <!----> |
| 1443 | + |
| 1444 | + <dt id=CSS3-TRANSITIONS>[CSS3-TRANSITIONS] |
| 1445 | + |
| 1446 | + <dd>Dean Jackson; David Hyatt; Chris Marrin. <a |
| 1447 | + href="http://www.w3.org/TR/2009/WD-css3-transitions-20090320"><cite>CSS |
| 1448 | + Transitions Module Level 3.</cite></a> 20 March 2009. W3C Working Draft. |
| 1449 | + (Work in progress.) URL: <a |
| 1450 | + href="http://www.w3.org/TR/2009/WD-css3-transitions-20090320">http://www.w3.org/TR/2009/WD-css3-transitions-20090320</a> |
| 1451 | + </dd> |
| 1452 | + <!----> |
1440 | 1453 | </dl> |
1441 | 1454 | <!--end-normative--> |
1442 | 1455 |
|
|
0 commit comments