changeset
[css3-animations] Make validator happy
Tue, 12 Feb 2013 17:05:01 -0800
- author
- Sylvain Galineau <sylvaing@microsoft.com>
- date
- Tue, 12 Feb 2013 17:05:01 -0800
- changeset 7452
- 58e0d9206d99
- parent 7451
- c8e0af495d00
- child 7453
- 1106d295a493
[css3-animations] Make validator happy
| css3-animations/Overview.html | file | annotate | diff | comparison | revisions | |
| css3-animations/Overview.src.html | file | annotate | diff | comparison | revisions |
1.1 --- a/css3-animations/Overview.html Wed Feb 13 09:06:46 2013 +0900 1.2 +++ b/css3-animations/Overview.html Tue Feb 12 17:05:01 2013 -0800 1.3 @@ -10,11 +10,11 @@ 1.4 1.5 <meta content="CSS Animations" name=dcterms.title> 1.6 <meta content=text name=dcterms.type> 1.7 - <meta content=2013-02-10 name=dcterms.issued> 1.8 + <meta content=2013-02-13 name=dcterms.issued> 1.9 <meta content="http://dev.w3.org/csswg/css3-animations/" 1.10 name=dcterms.creator> 1.11 <meta content=W3C name=dcterms.publisher> 1.12 - <meta content="http://www.w3.org/TR/2013/ED-css3-animations-20130210/" 1.13 + <meta content="http://www.w3.org/TR/2013/ED-css3-animations-20130213/" 1.14 name=dcterms.identifier> 1.15 <meta content="text/html; charset=utf-8" http-equiv=Content-Type> 1.16 <link href="../default.css" rel=stylesheet type="text/css"> 1.17 @@ -31,15 +31,15 @@ 1.18 1.19 <h1>CSS Animations</h1> 1.20 1.21 - <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 10 February 1.22 + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 13 February 1.23 2013</h2> 1.24 1.25 <dl> 1.26 <dt>This version: 1.27 1.28 <dd><a 1.29 - href="http://www.w3.org/TR/2013/ED-css3-animations-20130210/">http://dev.w3.org/csswg/css3-animations/</a> 1.30 - <!--http://www.w3.org/TR/2013/WD-css3-animations-20130210/--> 1.31 + href="http://www.w3.org/TR/2013/ED-css3-animations-20130213/">http://dev.w3.org/csswg/css3-animations/</a> 1.32 + <!--http://www.w3.org/TR/2013/WD-css3-animations-20130213/--> 1.33 1.34 <dt>Latest version: 1.35 1.36 @@ -199,14 +199,14 @@ 1.37 1.38 <li><a href="#animation-shorthand-property"><span class=secno>4.10. 1.39 </span> The ‘<code class=property>animation</code>’ Shorthand 1.40 - Property </a> 1.41 + Property</a> 1.42 </ul> 1.43 1.44 <li><a href="#animation-events"><span class=secno>5. </span> Animation 1.45 Events</a> 1.46 <ul class=toc> 1.47 <li><a href="#AnimationEvent-interface"><span class=secno>5.1. </span> 1.48 - Interface <code>AnimationEvent</code> </a> 1.49 + Interface <code>AnimationEvent</code></a> 1.50 <ul class=toc> 1.51 <li><a href="#AnimationEvent-IDL"><span class=secno>5.1.1. </span> IDL 1.52 Definition</a> 1.53 @@ -230,7 +230,7 @@ 1.54 </ul> 1.55 1.56 <li><a href="#CSSKeyframeRule-interface"><span class=secno>6.2. </span> 1.57 - Interface <code>CSSKeyframeRule</code> </a> 1.58 + Interface <code>CSSKeyframeRule</code></a> 1.59 <ul class=toc> 1.60 <li><a href="#CSSKeyframeRule-IDL"><span class=secno>6.2.1. </span> 1.61 IDL Definition</a> 1.62 @@ -1696,429 +1696,436 @@ 1.63 <code>CSSRuleList</code> 1.64 1.65 <dd> This attribute gives access to the keyframes in the list. 1.66 - <h4 id=CSSKeyframesRule-appendRule><span class=secno>6.3.3. </span> The 1.67 - <a href="#appendrule"><code>appendRule</code></a> method</h4> 1.68 - 1.69 - <p> The <dfn id=appendrule>appendRule</dfn> method appends the passed 1.70 - CSSKeyframeRule into the list at the passed key. 1.71 - 1.72 - <p> Parameters: 1.73 - 1.74 - <dl> 1.75 - <dt><code>rule</code> of type <code>DOMString</code> 1.76 - 1.77 - <dd> The rule to be appended, expressed in the same syntax as one entry 1.78 - in the ‘<code class=css>@keyframes</code>’ rule. 1.79 - </dl> 1.80 - 1.81 - <p> No Return Value 1.82 - 1.83 - <p> No Exceptions 1.84 - 1.85 - <h4 id=CSSKeyframesRules-deleteRule><span class=secno>6.3.4. </span> The 1.86 - <a href="#deleterule"><code>deleteRule</code></a> method</h4> 1.87 - 1.88 - <p> The <dfn id=deleterule>deleteRule</dfn> method deletes the 1.89 - CSSKeyframeRule with the passed key. If a rule with this key does not 1.90 - exist, the method does nothing. 1.91 - 1.92 - <p> Parameters: 1.93 - 1.94 - <dl> 1.95 - <dt><code>key</code> of type <code>DOMString</code> 1.96 - 1.97 - <dd> The key which describes the rule to be deleted. The key must 1.98 - resolve to a number between 0 and 1, or the rule is ignored. 1.99 - </dl> 1.100 - 1.101 - <p> No Return Value 1.102 - 1.103 - <p> No Exceptions 1.104 - 1.105 - <h4 id=CSSKeyframesRule-findRule><span class=secno>6.3.5. </span> The 1.106 - <code>findRule</code> method</h4> 1.107 - 1.108 - <p> The <code>findRule</code> method returns the rule with a key matching 1.109 - the passed key. If no such rule exists, a null value is returned. 1.110 - 1.111 - <p> Parameters: 1.112 - 1.113 - <dl> 1.114 - <dt><code>key</code> of type <code>DOMString</code> 1.115 - 1.116 - <dd> The key which described the rule to find. The key must resolve to a 1.117 - number between 0 and 1, or the rule is ignored. 1.118 - </dl> 1.119 - 1.120 - <p> Return Value: 1.121 - 1.122 - <dl> 1.123 - <dt><a href="#csskeyframerule"><code>CSSKeyframeRule</code></a> 1.124 - 1.125 - <dd> The found rule. 1.126 - </dl> 1.127 - 1.128 - <p> No Exceptions 1.129 - 1.130 - <h2 id=acknowledgments><span class=secno>7. </span>Acknowledgments</h2> 1.131 - 1.132 - <p>Thanks especially to the feedback from Tab Atkins, Carine Bournez, 1.133 - Estelle Weyl, and all the rest of the <a 1.134 - href="http://lists.w3.org/Archives/Public/www-style/">www-style</a> 1.135 - community. 1.136 - 1.137 - <h2 id=references><span class=secno>8. </span>References</h2> 1.138 - 1.139 - <h3 class=no-num id=normative-references>Normative references</h3> 1.140 - <!--begin-normative--> <!-- Sorted by label --> 1.141 - <dl class=bibliography> 1.142 - <dt 1.143 - style="display: none"><!-- keeps the doc valid if the DL is empty --> 1.144 - <!----> 1.145 - 1.146 - <dt id=CSS21>[CSS21] 1.147 - 1.148 - <dd>Bert Bos; et al. <a 1.149 - href="http://www.w3.org/TR/2011/REC-CSS2-20110607/"><cite>Cascading 1.150 - Style Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 1.151 - June 2011. W3C Recommendation. URL: <a 1.152 - href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">http://www.w3.org/TR/2011/REC-CSS2-20110607/</a> 1.153 - </dd> 1.154 - <!----> 1.155 - 1.156 - <dt id=CSS3-TRANSITIONS>[CSS3-TRANSITIONS] 1.157 - 1.158 - <dd>Dean Jackson; et al. <a 1.159 - href="http://www.w3.org/TR/2012/WD-css3-transitions-20120403/"><cite>CSS 1.160 - Transitions.</cite></a> 3 April 2012. W3C Working Draft. (Work in 1.161 - progress.) URL: <a 1.162 - href="http://www.w3.org/TR/2012/WD-css3-transitions-20120403/">http://www.w3.org/TR/2012/WD-css3-transitions-20120403/</a> 1.163 - </dd> 1.164 - <!----> 1.165 - </dl> 1.166 - <!--end-normative--> 1.167 - <h3 class=no-num id=other-references>Other references</h3> 1.168 - <!--begin-informative--> <!-- Sorted by label --> 1.169 - <dl class=bibliography> 1.170 - <dt 1.171 - style="display: none"><!-- keeps the doc valid if the DL is empty --> 1.172 - <!----> 1.173 - 1.174 - <dt id=CSS3VAL>[CSS3VAL] 1.175 - 1.176 - <dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a 1.177 - href="http://www.w3.org/TR/2012/CR-css3-values-20120828/"><cite>CSS 1.178 - Values and Units Module Level 3.</cite></a> 28 August 2012. W3C 1.179 - Candidate Recommendation. (Work in progress.) URL: <a 1.180 - href="http://www.w3.org/TR/2012/CR-css3-values-20120828/">http://www.w3.org/TR/2012/CR-css3-values-20120828/</a> 1.181 - </dd> 1.182 - <!----> 1.183 - 1.184 - <dt id=WCAG20>[WCAG20] 1.185 - 1.186 - <dd>Ben Caldwell; et al. <a 1.187 - href="http://www.w3.org/TR/2008/REC-WCAG20-20081211/"><cite>Web Content 1.188 - Accessibility Guidelines (WCAG) 2.0.</cite></a> 11 December 2008. W3C 1.189 - Recommendation. URL: <a 1.190 - href="http://www.w3.org/TR/2008/REC-WCAG20-20081211/">http://www.w3.org/TR/2008/REC-WCAG20-20081211/</a> 1.191 - </dd> 1.192 - <!----> 1.193 - </dl> 1.194 - <!--end-informative--> 1.195 - <h2 class=no-num id=property-index>Property index</h2> 1.196 - <!--begin-properties--> 1.197 - <table class=proptable> 1.198 - <thead> 1.199 - <tr> 1.200 - <th>Property 1.201 - 1.202 - <th>Values 1.203 - 1.204 - <th>Initial 1.205 - 1.206 - <th>Applies to 1.207 - 1.208 - <th>Inh. 1.209 - 1.210 - <th>Percentages 1.211 - 1.212 - <th>Media 1.213 - 1.214 - <tbody> 1.215 - <tr> 1.216 - <th><a class=property href="#animation">animation</a> 1.217 - 1.218 - <td><single-animation> [ ‘,’ <single-animation> ]* 1.219 - 1.220 - <td>see individual properties 1.221 - 1.222 - <td> 1.223 - 1.224 - <td>see individual properties 1.225 - 1.226 - <td>N/A 1.227 - 1.228 - <td>visual 1.229 - 1.230 - <tr> 1.231 - <th><a class=property href="#animation-delay">animation-delay</a> 1.232 - 1.233 - <td><time> [, <time>]* 1.234 - 1.235 - <td>‘0s’ 1.236 - 1.237 - <td> 1.238 - 1.239 - <td>no 1.240 - 1.241 - <td>N/A 1.242 - 1.243 - <td>visual 1.244 - 1.245 - <tr> 1.246 - <th><a class=property 1.247 - href="#animation-direction">animation-direction</a> 1.248 - 1.249 - <td><single-animation-direction> [ ‘,’ 1.250 - <single-animation-direction> ]* 1.251 - 1.252 - <td>‘normal’ 1.253 - 1.254 - <td> 1.255 - 1.256 - <td>no 1.257 - 1.258 - <td>N/A 1.259 - 1.260 - <td>visual 1.261 - 1.262 - <tr> 1.263 - <th><a class=property 1.264 - href="#animation-duration">animation-duration</a> 1.265 - 1.266 - <td><time> [, <time>]* 1.267 - 1.268 - <td>‘0s’ 1.269 - 1.270 - <td> 1.271 - 1.272 - <td>no 1.273 - 1.274 - <td>N/A 1.275 - 1.276 - <td>visual 1.277 - 1.278 - <tr> 1.279 - <th><a class=property 1.280 - href="#animation-fill-mode">animation-fill-mode</a> 1.281 - 1.282 - <td><single-animation-fill-mode> [ ‘,’ 1.283 - <single-animation-fill-mode> ]* 1.284 - 1.285 - <td>‘none’ 1.286 - 1.287 - <td> 1.288 - 1.289 - <td>no 1.290 - 1.291 - <td>N/A 1.292 - 1.293 - <td>visual 1.294 - 1.295 - <tr> 1.296 - <th><a class=property 1.297 - href="#animation-iteration-count">animation-iteration-count</a> 1.298 - 1.299 - <td><single-animation-iteration-count> [ ‘,’ 1.300 - <single-animation-iteration-count> ]* 1.301 - 1.302 - <td>‘1’ 1.303 - 1.304 - <td> 1.305 - 1.306 - <td>no 1.307 - 1.308 - <td>N/A 1.309 - 1.310 - <td>visual 1.311 - 1.312 - <tr> 1.313 - <th><a class=property href="#animation-name">animation-name</a> 1.314 - 1.315 - <td><single-animation-name> [ ‘,’ 1.316 - <single-animation-name> ]* 1.317 - 1.318 - <td>‘none’ 1.319 - 1.320 - <td> 1.321 - 1.322 - <td>no 1.323 - 1.324 - <td>N/A 1.325 - 1.326 - <td>visual 1.327 - 1.328 - <tr> 1.329 - <th><a class=property 1.330 - href="#animation-play-state">animation-play-state</a> 1.331 - 1.332 - <td><single-animation-play-state> [ ‘,’ 1.333 - <single-animation-play-state> ]* 1.334 - 1.335 - <td>‘running’ 1.336 - 1.337 - <td> 1.338 - 1.339 - <td>no 1.340 - 1.341 - <td>N/A 1.342 - 1.343 - <td>visual 1.344 - 1.345 - <tr> 1.346 - <th><a class=property 1.347 - href="#animation-timing-function">animation-timing-function</a> 1.348 - 1.349 - <td><single-timing-function> [ ‘,’ 1.350 - <single-timing-function> ]* 1.351 - 1.352 - <td>‘ease’ 1.353 - 1.354 - <td> 1.355 - 1.356 - <td>no 1.357 - 1.358 - <td>N/A 1.359 - 1.360 - <td>visual 1.361 - </table> 1.362 - <!--end-properties--> 1.363 - <h2 class=no-num id=index>Index</h2> 1.364 - <!--begin-index--> 1.365 - <ul class=indexlist> 1.366 - <li>alternate, <a href="#alternate" 1.367 - title="section 4.6."><strong>4.6.</strong></a> 1.368 - 1.369 - <li>alternate-reverse, <a href="#alternate-reverse" 1.370 - title="section 4.6."><strong>4.6.</strong></a> 1.371 - 1.372 - <li>animation, <a href="#animation" 1.373 - title="section 4.10."><strong>4.10.</strong></a> 1.374 - 1.375 - <li>animation-delay, <a href="#animation-delay" 1.376 - title="section 4.8."><strong>4.8.</strong></a> 1.377 - 1.378 - <li>animation-direction, <a href="#animation-direction" 1.379 - title="section 4.6."><strong>4.6.</strong></a> 1.380 - 1.381 - <li>animation-duration, <a href="#animation-duration" 1.382 - title="section 4.3."><strong>4.3.</strong></a> 1.383 - 1.384 - <li>animationend, <a href="#animationend" 1.385 - title="section 5.2."><strong>5.2.</strong></a> 1.386 - 1.387 - <li>AnimationEvent, <a href="#animationevent" 1.388 - title="section 5.1."><strong>5.1.</strong></a> 1.389 - 1.390 - <li>AnimationEventInit, <a href="#AnimationEventInit" 1.391 - title="section 5.1.1."><strong>5.1.1.</strong></a> 1.392 - 1.393 - <li>animation-fill-mode, <a href="#animation-fill-mode" 1.394 - title="section 4.9."><strong>4.9.</strong></a> 1.395 - 1.396 - <li>animationiteration, <a href="#animationiteration" 1.397 - title="section 5.2."><strong>5.2.</strong></a> 1.398 - 1.399 - <li>animation-iteration-count, <a href="#animation-iteration-count" 1.400 - title="section 4.5."><strong>4.5.</strong></a> 1.401 - 1.402 - <li>animationName, <a href="#AnimationEvent-animationName" 1.403 - title="section 5.1.2."><strong>5.1.2.</strong></a> 1.404 - 1.405 - <li>animation-name, <a href="#animation-name" 1.406 - title="section 4.2."><strong>4.2.</strong></a> 1.407 - 1.408 - <li>animation-play-state, <a href="#animation-play-state" 1.409 - title="section 4.7."><strong>4.7.</strong></a> 1.410 - 1.411 - <li>animationstart, <a href="#animationstart" 1.412 - title="section 5.2."><strong>5.2.</strong></a> 1.413 - 1.414 - <li>animation-timing-function, <a href="#animation-timing-function" 1.415 - title="section 4.4."><strong>4.4.</strong></a> 1.416 - 1.417 - <li>appendRule, <a href="#appendrule" 1.418 - title="section 6.3.3."><strong>6.3.3.</strong></a> 1.419 - 1.420 - <li>CSSKeyframeRule, <a href="#csskeyframerule" 1.421 - title="section 6.2."><strong>6.2.</strong></a> 1.422 - 1.423 - <li>CSSKeyframesRule, <a href="#csskeyframesrule" 1.424 - title="section 6.3."><strong>6.3.</strong></a> 1.425 - 1.426 - <li>CSSRule, <a href="#cssrule" 1.427 - title="section 6.1."><strong>6.1.</strong></a> 1.428 - 1.429 - <li>cssRules, <a href="#CSSKeyframesRules-cssRules" 1.430 - title="section 6.3.2."><strong>6.3.2.</strong></a> 1.431 - 1.432 - <li>defined animations, <a href="#defined-animations" 1.433 - title="section 1."><strong>1.</strong></a> 1.434 - 1.435 - <li>deleteRule, <a href="#deleterule" 1.436 - title="section 6.3.4."><strong>6.3.4.</strong></a> 1.437 - 1.438 - <li>elapsedTime, <a href="#AnimationEvent-elapsedTime" 1.439 - title="section 5.1.2."><strong>5.1.2.</strong></a> 1.440 - 1.441 - <li>keyframe declaration block, <a href="#keyframe-declaration-block" 1.442 - title="section 4."><strong>4.</strong></a> 1.443 - 1.444 - <li>keyframe selector, <a href="#keyframe-selector" 1.445 - title="section 4."><strong>4.</strong></a> 1.446 - 1.447 - <li>keyText, <a href="#CSSKeyframeRule-keyText" 1.448 - title="section 6.2.2."><strong>6.2.2.</strong></a> 1.449 - 1.450 - <li>name, <a href="#CSSKeyframesRule-name" 1.451 - title="section 6.3.2."><strong>6.3.2.</strong></a> 1.452 - 1.453 - <li>normal, <a href="#normal" 1.454 - title="section 4.6."><strong>4.6.</strong></a> 1.455 - 1.456 - <li>pseudoElement, <a href="#AnimationEvent-pseudoElement" 1.457 - title="section 5.1.2."><strong>5.1.2.</strong></a> 1.458 - 1.459 - <li>reverse, <a href="#reverse" 1.460 - title="section 4.6."><strong>4.6.</strong></a> 1.461 - 1.462 - <li><single-animation>, <a href="#single-animation" 1.463 - title="section 4.10."><strong>4.10.</strong></a> 1.464 - 1.465 - <li><single-animation-direction>, <a 1.466 - href="#single-animation-direction" 1.467 - title="section 4.6."><strong>4.6.</strong></a> 1.468 - 1.469 - <li><single-animation-fill-mode>, <a 1.470 - href="#single-animation-fill-mode" 1.471 - title="section 4.9."><strong>4.9.</strong></a> 1.472 - 1.473 - <li><single-animation-iteration-count>, <a 1.474 - href="#single-animation-iteration-count" 1.475 - title="section 4.5."><strong>4.5.</strong></a> 1.476 - 1.477 - <li><single-animation-name>, <a href="#single-animation-name" 1.478 - title="section 4.2."><strong>4.2.</strong></a> 1.479 - 1.480 - <li><single-animation-play-state>, <a 1.481 - href="#single-animation-play-state" 1.482 - title="section 4.7."><strong>4.7.</strong></a> 1.483 - 1.484 - <li>style, <a href="#CSSKeyframeRule-style" 1.485 - title="section 6.2.2."><strong>6.2.2.</strong></a> 1.486 - </ul> 1.487 - <!--end-index--> 1.488 </dl> 1.489 + 1.490 + <h4 id=CSSKeyframesRule-appendRule><span class=secno>6.3.3. </span> The <a 1.491 + href="#appendrule"><code>appendRule</code></a> method</h4> 1.492 + 1.493 + <p> The <dfn id=appendrule>appendRule</dfn> method appends the passed 1.494 + CSSKeyframeRule into the list at the passed key. 1.495 + 1.496 + <p> Parameters: 1.497 + 1.498 + <dl> 1.499 + <dt><code>rule</code> of type <code>DOMString</code> 1.500 + 1.501 + <dd> The rule to be appended, expressed in the same syntax as one entry in 1.502 + the ‘<code class=css>@keyframes</code>’ rule. 1.503 + </dl> 1.504 + 1.505 + <p> No Return Value 1.506 + 1.507 + <p> No Exceptions 1.508 + 1.509 + <h4 id=CSSKeyframesRules-deleteRule><span class=secno>6.3.4. </span> The <a 1.510 + href="#deleterule"><code>deleteRule</code></a> method</h4> 1.511 + 1.512 + <p> The <dfn id=deleterule>deleteRule</dfn> method deletes the 1.513 + CSSKeyframeRule with the passed key. If a rule with this key does not 1.514 + exist, the method does nothing. 1.515 + 1.516 + <p> Parameters: 1.517 + 1.518 + <dl> 1.519 + <dt><code>key</code> of type <code>DOMString</code> 1.520 + 1.521 + <dd> The key which describes the rule to be deleted. The key must resolve 1.522 + to a number between 0 and 1, or the rule is ignored. 1.523 + </dl> 1.524 + 1.525 + <p> No Return Value 1.526 + 1.527 + <p> No Exceptions 1.528 + 1.529 + <h4 id=CSSKeyframesRule-findRule><span class=secno>6.3.5. </span> The 1.530 + <code>findRule</code> method</h4> 1.531 + 1.532 + <p> The <code>findRule</code> method returns the rule with a key matching 1.533 + the passed key. If no such rule exists, a null value is returned. 1.534 + 1.535 + <p> Parameters: 1.536 + 1.537 + <dl> 1.538 + <dt><code>key</code> of type <code>DOMString</code> 1.539 + 1.540 + <dd> The key which described the rule to find. The key must resolve to a 1.541 + number between 0 and 1, or the rule is ignored. 1.542 + </dl> 1.543 + 1.544 + <p> Return Value: 1.545 + 1.546 + <dl> 1.547 + <dt><a href="#csskeyframerule"><code>CSSKeyframeRule</code></a> 1.548 + 1.549 + <dd> The found rule. 1.550 + </dl> 1.551 + 1.552 + <p> No Exceptions 1.553 + 1.554 + <h2 id=acknowledgments><span class=secno>7. </span>Acknowledgments</h2> 1.555 + 1.556 + <p>Thanks especially to the feedback from Tab Atkins, Carine Bournez, 1.557 + Estelle Weyl, and all the rest of the <a 1.558 + href="http://lists.w3.org/Archives/Public/www-style/">www-style</a> 1.559 + community. 1.560 + 1.561 + <h2 id=references><span class=secno>8. </span>References</h2> 1.562 + 1.563 + <h3 class=no-num id=normative-references>Normative references</h3> 1.564 + <!--begin-normative--> 1.565 + <!-- Sorted by label --> 1.566 + 1.567 + <dl class=bibliography> 1.568 + <dt style="display: none"><!-- keeps the doc valid if the DL is empty --> 1.569 + <!----> 1.570 + 1.571 + <dt id=CSS21>[CSS21] 1.572 + 1.573 + <dd>Bert Bos; et al. <a 1.574 + href="http://www.w3.org/TR/2011/REC-CSS2-20110607/"><cite>Cascading Style 1.575 + Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 June 1.576 + 2011. W3C Recommendation. URL: <a 1.577 + href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">http://www.w3.org/TR/2011/REC-CSS2-20110607/</a> 1.578 + </dd> 1.579 + <!----> 1.580 + 1.581 + <dt id=CSS3-TRANSITIONS>[CSS3-TRANSITIONS] 1.582 + 1.583 + <dd>Dean Jackson; et al. <a 1.584 + href="http://www.w3.org/TR/2012/WD-css3-transitions-20120403/"><cite>CSS 1.585 + Transitions.</cite></a> 3 April 2012. W3C Working Draft. (Work in 1.586 + progress.) URL: <a 1.587 + href="http://www.w3.org/TR/2012/WD-css3-transitions-20120403/">http://www.w3.org/TR/2012/WD-css3-transitions-20120403/</a> 1.588 + </dd> 1.589 + <!----> 1.590 + </dl> 1.591 + <!--end-normative--> 1.592 + 1.593 + <h3 class=no-num id=other-references>Other references</h3> 1.594 + <!--begin-informative--> 1.595 + <!-- Sorted by label --> 1.596 + 1.597 + <dl class=bibliography> 1.598 + <dt style="display: none"><!-- keeps the doc valid if the DL is empty --> 1.599 + <!----> 1.600 + 1.601 + <dt id=CSS3VAL>[CSS3VAL] 1.602 + 1.603 + <dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a 1.604 + href="http://www.w3.org/TR/2012/CR-css3-values-20120828/"><cite>CSS 1.605 + Values and Units Module Level 3.</cite></a> 28 August 2012. W3C Candidate 1.606 + Recommendation. (Work in progress.) URL: <a 1.607 + href="http://www.w3.org/TR/2012/CR-css3-values-20120828/">http://www.w3.org/TR/2012/CR-css3-values-20120828/</a> 1.608 + </dd> 1.609 + <!----> 1.610 + 1.611 + <dt id=WCAG20>[WCAG20] 1.612 + 1.613 + <dd>Ben Caldwell; et al. <a 1.614 + href="http://www.w3.org/TR/2008/REC-WCAG20-20081211/"><cite>Web Content 1.615 + Accessibility Guidelines (WCAG) 2.0.</cite></a> 11 December 2008. W3C 1.616 + Recommendation. URL: <a 1.617 + href="http://www.w3.org/TR/2008/REC-WCAG20-20081211/">http://www.w3.org/TR/2008/REC-WCAG20-20081211/</a> 1.618 + </dd> 1.619 + <!----> 1.620 + </dl> 1.621 + <!--end-informative--> 1.622 + 1.623 + <h2 class=no-num id=property-index>Property index</h2> 1.624 + <!--begin-properties--> 1.625 + 1.626 + <table class=proptable> 1.627 + <thead> 1.628 + <tr> 1.629 + <th>Property 1.630 + 1.631 + <th>Values 1.632 + 1.633 + <th>Initial 1.634 + 1.635 + <th>Applies to 1.636 + 1.637 + <th>Inh. 1.638 + 1.639 + <th>Percentages 1.640 + 1.641 + <th>Media 1.642 + 1.643 + <tbody> 1.644 + <tr> 1.645 + <th><a class=property href="#animation">animation</a> 1.646 + 1.647 + <td><single-animation> [ ‘,’ <single-animation> ]* 1.648 + 1.649 + <td>see individual properties 1.650 + 1.651 + <td> 1.652 + 1.653 + <td>see individual properties 1.654 + 1.655 + <td>N/A 1.656 + 1.657 + <td>visual 1.658 + 1.659 + <tr> 1.660 + <th><a class=property href="#animation-delay">animation-delay</a> 1.661 + 1.662 + <td><time> [, <time>]* 1.663 + 1.664 + <td>‘0s’ 1.665 + 1.666 + <td> 1.667 + 1.668 + <td>no 1.669 + 1.670 + <td>N/A 1.671 + 1.672 + <td>visual 1.673 + 1.674 + <tr> 1.675 + <th><a class=property 1.676 + href="#animation-direction">animation-direction</a> 1.677 + 1.678 + <td><single-animation-direction> [ ‘,’ 1.679 + <single-animation-direction> ]* 1.680 + 1.681 + <td>‘normal’ 1.682 + 1.683 + <td> 1.684 + 1.685 + <td>no 1.686 + 1.687 + <td>N/A 1.688 + 1.689 + <td>visual 1.690 + 1.691 + <tr> 1.692 + <th><a class=property href="#animation-duration">animation-duration</a> 1.693 + 1.694 + <td><time> [, <time>]* 1.695 + 1.696 + <td>‘0s’ 1.697 + 1.698 + <td> 1.699 + 1.700 + <td>no 1.701 + 1.702 + <td>N/A 1.703 + 1.704 + <td>visual 1.705 + 1.706 + <tr> 1.707 + <th><a class=property 1.708 + href="#animation-fill-mode">animation-fill-mode</a> 1.709 + 1.710 + <td><single-animation-fill-mode> [ ‘,’ 1.711 + <single-animation-fill-mode> ]* 1.712 + 1.713 + <td>‘none’ 1.714 + 1.715 + <td> 1.716 + 1.717 + <td>no 1.718 + 1.719 + <td>N/A 1.720 + 1.721 + <td>visual 1.722 + 1.723 + <tr> 1.724 + <th><a class=property 1.725 + href="#animation-iteration-count">animation-iteration-count</a> 1.726 + 1.727 + <td><single-animation-iteration-count> [ ‘,’ 1.728 + <single-animation-iteration-count> ]* 1.729 + 1.730 + <td>‘1’ 1.731 + 1.732 + <td> 1.733 + 1.734 + <td>no 1.735 + 1.736 + <td>N/A 1.737 + 1.738 + <td>visual 1.739 + 1.740 + <tr> 1.741 + <th><a class=property href="#animation-name">animation-name</a> 1.742 + 1.743 + <td><single-animation-name> [ ‘,’ 1.744 + <single-animation-name> ]* 1.745 + 1.746 + <td>‘none’ 1.747 + 1.748 + <td> 1.749 + 1.750 + <td>no 1.751 + 1.752 + <td>N/A 1.753 + 1.754 + <td>visual 1.755 + 1.756 + <tr> 1.757 + <th><a class=property 1.758 + href="#animation-play-state">animation-play-state</a> 1.759 + 1.760 + <td><single-animation-play-state> [ ‘,’ 1.761 + <single-animation-play-state> ]* 1.762 + 1.763 + <td>‘running’ 1.764 + 1.765 + <td> 1.766 + 1.767 + <td>no 1.768 + 1.769 + <td>N/A 1.770 + 1.771 + <td>visual 1.772 + 1.773 + <tr> 1.774 + <th><a class=property 1.775 + href="#animation-timing-function">animation-timing-function</a> 1.776 + 1.777 + <td><single-timing-function> [ ‘,’ 1.778 + <single-timing-function> ]* 1.779 + 1.780 + <td>‘ease’ 1.781 + 1.782 + <td> 1.783 + 1.784 + <td>no 1.785 + 1.786 + <td>N/A 1.787 + 1.788 + <td>visual 1.789 + </table> 1.790 + <!--end-properties--> 1.791 + 1.792 + <h2 class=no-num id=index>Index</h2> 1.793 + <!--begin-index--> 1.794 + 1.795 + <ul class=indexlist> 1.796 + <li>alternate, <a href="#alternate" 1.797 + title="section 4.6."><strong>4.6.</strong></a> 1.798 + 1.799 + <li>alternate-reverse, <a href="#alternate-reverse" 1.800 + title="section 4.6."><strong>4.6.</strong></a> 1.801 + 1.802 + <li>animation, <a href="#animation" 1.803 + title="section 4.10."><strong>4.10.</strong></a> 1.804 + 1.805 + <li>animation-delay, <a href="#animation-delay" 1.806 + title="section 4.8."><strong>4.8.</strong></a> 1.807 + 1.808 + <li>animation-direction, <a href="#animation-direction" 1.809 + title="section 4.6."><strong>4.6.</strong></a> 1.810 + 1.811 + <li>animation-duration, <a href="#animation-duration" 1.812 + title="section 4.3."><strong>4.3.</strong></a> 1.813 + 1.814 + <li>animationend, <a href="#animationend" 1.815 + title="section 5.2."><strong>5.2.</strong></a> 1.816 + 1.817 + <li>AnimationEvent, <a href="#animationevent" 1.818 + title="section 5.1."><strong>5.1.</strong></a> 1.819 + 1.820 + <li>AnimationEventInit, <a href="#AnimationEventInit" 1.821 + title="section 5.1.1."><strong>5.1.1.</strong></a> 1.822 + 1.823 + <li>animation-fill-mode, <a href="#animation-fill-mode" 1.824 + title="section 4.9."><strong>4.9.</strong></a> 1.825 + 1.826 + <li>animationiteration, <a href="#animationiteration" 1.827 + title="section 5.2."><strong>5.2.</strong></a> 1.828 + 1.829 + <li>animation-iteration-count, <a href="#animation-iteration-count" 1.830 + title="section 4.5."><strong>4.5.</strong></a> 1.831 + 1.832 + <li>animationName, <a href="#AnimationEvent-animationName" 1.833 + title="section 5.1.2."><strong>5.1.2.</strong></a> 1.834 + 1.835 + <li>animation-name, <a href="#animation-name" 1.836 + title="section 4.2."><strong>4.2.</strong></a> 1.837 + 1.838 + <li>animation-play-state, <a href="#animation-play-state" 1.839 + title="section 4.7."><strong>4.7.</strong></a> 1.840 + 1.841 + <li>animationstart, <a href="#animationstart" 1.842 + title="section 5.2."><strong>5.2.</strong></a> 1.843 + 1.844 + <li>animation-timing-function, <a href="#animation-timing-function" 1.845 + title="section 4.4."><strong>4.4.</strong></a> 1.846 + 1.847 + <li>appendRule, <a href="#appendrule" 1.848 + title="section 6.3.3."><strong>6.3.3.</strong></a> 1.849 + 1.850 + <li>CSSKeyframeRule, <a href="#csskeyframerule" 1.851 + title="section 6.2."><strong>6.2.</strong></a> 1.852 + 1.853 + <li>CSSKeyframesRule, <a href="#csskeyframesrule" 1.854 + title="section 6.3."><strong>6.3.</strong></a> 1.855 + 1.856 + <li>CSSRule, <a href="#cssrule" 1.857 + title="section 6.1."><strong>6.1.</strong></a> 1.858 + 1.859 + <li>cssRules, <a href="#CSSKeyframesRules-cssRules" 1.860 + title="section 6.3.2."><strong>6.3.2.</strong></a> 1.861 + 1.862 + <li>defined animations, <a href="#defined-animations" 1.863 + title="section 1."><strong>1.</strong></a> 1.864 + 1.865 + <li>deleteRule, <a href="#deleterule" 1.866 + title="section 6.3.4."><strong>6.3.4.</strong></a> 1.867 + 1.868 + <li>elapsedTime, <a href="#AnimationEvent-elapsedTime" 1.869 + title="section 5.1.2."><strong>5.1.2.</strong></a> 1.870 + 1.871 + <li>keyframe declaration block, <a href="#keyframe-declaration-block" 1.872 + title="section 4."><strong>4.</strong></a> 1.873 + 1.874 + <li>keyframe selector, <a href="#keyframe-selector" 1.875 + title="section 4."><strong>4.</strong></a> 1.876 + 1.877 + <li>keyText, <a href="#CSSKeyframeRule-keyText" 1.878 + title="section 6.2.2."><strong>6.2.2.</strong></a> 1.879 + 1.880 + <li>name, <a href="#CSSKeyframesRule-name" 1.881 + title="section 6.3.2."><strong>6.3.2.</strong></a> 1.882 + 1.883 + <li>normal, <a href="#normal" 1.884 + title="section 4.6."><strong>4.6.</strong></a> 1.885 + 1.886 + <li>pseudoElement, <a href="#AnimationEvent-pseudoElement" 1.887 + title="section 5.1.2."><strong>5.1.2.</strong></a> 1.888 + 1.889 + <li>reverse, <a href="#reverse" 1.890 + title="section 4.6."><strong>4.6.</strong></a> 1.891 + 1.892 + <li><single-animation>, <a href="#single-animation" 1.893 + title="section 4.10."><strong>4.10.</strong></a> 1.894 + 1.895 + <li><single-animation-direction>, <a 1.896 + href="#single-animation-direction" 1.897 + title="section 4.6."><strong>4.6.</strong></a> 1.898 + 1.899 + <li><single-animation-fill-mode>, <a 1.900 + href="#single-animation-fill-mode" 1.901 + title="section 4.9."><strong>4.9.</strong></a> 1.902 + 1.903 + <li><single-animation-iteration-count>, <a 1.904 + href="#single-animation-iteration-count" 1.905 + title="section 4.5."><strong>4.5.</strong></a> 1.906 + 1.907 + <li><single-animation-name>, <a href="#single-animation-name" 1.908 + title="section 4.2."><strong>4.2.</strong></a> 1.909 + 1.910 + <li><single-animation-play-state>, <a 1.911 + href="#single-animation-play-state" 1.912 + title="section 4.7."><strong>4.7.</strong></a> 1.913 + 1.914 + <li>style, <a href="#CSSKeyframeRule-style" 1.915 + title="section 6.2.2."><strong>6.2.2.</strong></a> 1.916 + </ul> 1.917 + <!--end-index--> 1.918 </html> 1.919 <!-- Keep this comment at the end of the file 1.920 Local variables:
2.1 --- a/css3-animations/Overview.src.html Wed Feb 13 09:06:46 2013 +0900 2.2 +++ b/css3-animations/Overview.src.html Tue Feb 12 17:05:01 2013 -0800 2.3 @@ -973,7 +973,7 @@ 2.4 </div> 2.5 2.6 <h3 id="animation-shorthand-property"> 2.7 -The 'animation' Shorthand Property 2.8 +The 'animation' Shorthand Property</h3> 2.9 2.10 <p> 2.11 The 'animation' shorthand property is a comma-separated list of 2.12 @@ -1073,7 +1073,7 @@ 2.13 2.14 2.15 <h3 id='AnimationEvent-interface'> 2.16 -Interface <code>AnimationEvent</code> 2.17 +Interface <code>AnimationEvent</code></h3> 2.18 2.19 <p> 2.20 The <dfn>AnimationEvent</dfn> interface provides specific contextual information associated with Animation events. 2.21 @@ -1202,7 +1202,7 @@ 2.22 2.23 2.24 <h3 id='CSSKeyframeRule-interface'> 2.25 -Interface <code>CSSKeyframeRule</code></3h> 2.26 +Interface <code>CSSKeyframeRule</code></h3> 2.27 <p> 2.28 The <dfn>CSSKeyframeRule</dfn> interface represents the style rule for a single key. 2.29 2.30 @@ -1265,6 +1265,7 @@ 2.31 <dt><code><dfn id='CSSKeyframesRules-cssRules'>cssRules</dfn></code> of type <code>CSSRuleList</code> 2.32 <dd> 2.33 This attribute gives access to the keyframes in the list. 2.34 + </dl> 2.35 2.36 2.37 <h4 id='CSSKeyframesRule-appendRule'>
