Thu, 07 Feb 2013 16:13:27 -0800
Both inherit and initial are implicitly allowed as values for all properties (bug 14791)
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 Thu Feb 07 14:51:47 2013 -0800 1.2 +++ b/css3-animations/Overview.html Thu Feb 07 16:13:27 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-04 name=dcterms.issued> 1.8 + <meta content=2013-02-08 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-20130204/" 1.13 + <meta content="http://www.w3.org/TR/2013/ED-css3-animations-20130208/" 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 4 February 1.22 + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 8 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-20130204/">http://dev.w3.org/csswg/css3-animations/</a> 1.30 - <!--http://www.w3.org/TR/2013/WD-css3-animations-20130204/--> 1.31 + href="http://www.w3.org/TR/2013/ED-css3-animations-20130208/">http://dev.w3.org/csswg/css3-animations/</a> 1.32 + <!--http://www.w3.org/TR/2013/WD-css3-animations-20130208/--> 1.33 1.34 <dt>Latest version: 1.35 1.36 @@ -158,109 +158,111 @@ 1.37 <ul class=toc> 1.38 <li><a href="#introduction"><span class=secno>1. </span> Introduction</a> 1.39 1.40 - <li><a href="#animations"><span class=secno>2. </span> Animations</a> 1.41 - 1.42 - <li><a href="#keyframes"><span class=secno>3. </span> Keyframes</a> 1.43 + <li><a href="#values"><span class=secno>2. </span> Values</a> 1.44 + 1.45 + <li><a href="#animations"><span class=secno>3. </span> Animations</a> 1.46 + 1.47 + <li><a href="#keyframes"><span class=secno>4. </span> Keyframes</a> 1.48 <ul class=toc> 1.49 - <li><a href="#timing-functions"><span class=secno>3.1. </span> Timing 1.50 + <li><a href="#timing-functions"><span class=secno>4.1. </span> Timing 1.51 functions for keyframes</a> 1.52 1.53 - <li><a href="#animation-name-property"><span class=secno>3.2. </span> 1.54 + <li><a href="#animation-name-property"><span class=secno>4.2. </span> 1.55 The ‘<code class=property>animation-name</code>’ Property</a> 1.56 1.57 - <li><a href="#animation-duration-property"><span class=secno>3.3. 1.58 + <li><a href="#animation-duration-property"><span class=secno>4.3. 1.59 </span> The ‘<code class=property>animation-duration</code>’ 1.60 Property</a> 1.61 1.62 - <li><a href="#animation-timing-function-property"><span class=secno>3.4. 1.63 + <li><a href="#animation-timing-function-property"><span class=secno>4.4. 1.64 </span> The ‘<code class=property>animation-timing-function</code>’ 1.65 Property</a> 1.66 1.67 - <li><a href="#animation-iteration-count-property"><span class=secno>3.5. 1.68 + <li><a href="#animation-iteration-count-property"><span class=secno>4.5. 1.69 </span> The ‘<code class=property>animation-iteration-count</code>’ 1.70 Property</a> 1.71 1.72 - <li><a href="#animation-direction-property"><span class=secno>3.6. 1.73 + <li><a href="#animation-direction-property"><span class=secno>4.6. 1.74 </span> The ‘<code class=property>animation-direction</code>’ 1.75 Property</a> 1.76 1.77 - <li><a href="#animation-play-state-property"><span class=secno>3.7. 1.78 + <li><a href="#animation-play-state-property"><span class=secno>4.7. 1.79 </span> The ‘<code class=property>animation-play-state</code>’ 1.80 Property</a> 1.81 1.82 - <li><a href="#animation-delay-property"><span class=secno>3.8. </span> 1.83 + <li><a href="#animation-delay-property"><span class=secno>4.8. </span> 1.84 The ‘<code class=property>animation-delay</code>’ Property</a> 1.85 1.86 - <li><a href="#animation-fill-mode-property"><span class=secno>3.9. 1.87 + <li><a href="#animation-fill-mode-property"><span class=secno>4.9. 1.88 </span> The ‘<code class=property>animation-fill-mode</code>’ 1.89 Property</a> 1.90 1.91 - <li><a href="#animation-shorthand-property"><span class=secno>3.10. 1.92 + <li><a href="#animation-shorthand-property"><span class=secno>4.10. 1.93 </span> The ‘<code class=property>animation</code>’ Shorthand 1.94 Property </a> 1.95 </ul> 1.96 1.97 - <li><a href="#animation-events"><span class=secno>4. </span> Animation 1.98 + <li><a href="#animation-events"><span class=secno>5. </span> Animation 1.99 Events</a> 1.100 <ul class=toc> 1.101 - <li><a href="#AnimationEvent-interface"><span class=secno>4.1. </span> 1.102 + <li><a href="#AnimationEvent-interface"><span class=secno>5.1. </span> 1.103 Interface <code>AnimationEvent</code> </a> 1.104 <ul class=toc> 1.105 - <li><a href="#AnimationEvent-IDL"><span class=secno>4.1.1. </span> IDL 1.106 + <li><a href="#AnimationEvent-IDL"><span class=secno>5.1.1. </span> IDL 1.107 Definition</a> 1.108 1.109 - <li><a href="#AnimationEvent-attributes"><span class=secno>4.1.2. 1.110 + <li><a href="#AnimationEvent-attributes"><span class=secno>5.1.2. 1.111 </span> Attributes</a> 1.112 </ul> 1.113 1.114 - <li><a href="#AnimationEvent-types"><span class=secno>4.2. </span> Types 1.115 + <li><a href="#AnimationEvent-types"><span class=secno>5.2. </span> Types 1.116 of <code>AnimationEvent</code></a> 1.117 </ul> 1.118 1.119 - <li><a href="#dom-interfaces"><span class=secno>5. </span> DOM 1.120 + <li><a href="#dom-interfaces"><span class=secno>6. </span> DOM 1.121 Interfaces</a> 1.122 <ul class=toc> 1.123 - <li><a href="#CSSRule-interface"><span class=secno>5.1. </span> 1.124 + <li><a href="#CSSRule-interface"><span class=secno>6.1. </span> 1.125 Interface <code>CSSRule</code></a> 1.126 <ul class=toc> 1.127 - <li><a href="#CSSRule-IDL"><span class=secno>5.1.1. </span> IDL 1.128 + <li><a href="#CSSRule-IDL"><span class=secno>6.1.1. </span> IDL 1.129 Definition</a> 1.130 </ul> 1.131 1.132 - <li><a href="#CSSKeyframeRule-interface"><span class=secno>5.2. </span> 1.133 + <li><a href="#CSSKeyframeRule-interface"><span class=secno>6.2. </span> 1.134 Interface <code>CSSKeyframeRule</code> </a> 1.135 <ul class=toc> 1.136 - <li><a href="#CSSKeyframeRule-IDL"><span class=secno>5.2.1. </span> 1.137 + <li><a href="#CSSKeyframeRule-IDL"><span class=secno>6.2.1. </span> 1.138 IDL Definition</a> 1.139 1.140 - <li><a href="#CSSKeyframeRule-attributes"><span class=secno>5.2.2. 1.141 + <li><a href="#CSSKeyframeRule-attributes"><span class=secno>6.2.2. 1.142 </span> Attributes</a> 1.143 </ul> 1.144 1.145 - <li><a href="#CSSKeyframesRule-interface"><span class=secno>5.3. </span> 1.146 + <li><a href="#CSSKeyframesRule-interface"><span class=secno>6.3. </span> 1.147 Interface <code>CSSKeyframesRule</code></a> 1.148 <ul class=toc> 1.149 - <li><a href="#CSSKeyframesRule-IDL"><span class=secno>5.3.1. </span> 1.150 + <li><a href="#CSSKeyframesRule-IDL"><span class=secno>6.3.1. </span> 1.151 IDL Definition</a> 1.152 1.153 - <li><a href="#CSSKeyframesRule-attributes"><span class=secno>5.3.2. 1.154 + <li><a href="#CSSKeyframesRule-attributes"><span class=secno>6.3.2. 1.155 </span> Attributes</a> 1.156 1.157 - <li><a href="#CSSKeyframesRule-appendRule"><span class=secno>5.3.3. 1.158 + <li><a href="#CSSKeyframesRule-appendRule"><span class=secno>6.3.3. 1.159 </span> The <code>appendRule</code> method</a> 1.160 1.161 - <li><a href="#CSSKeyframesRules-deleteRule"><span class=secno>5.3.4. 1.162 + <li><a href="#CSSKeyframesRules-deleteRule"><span class=secno>6.3.4. 1.163 </span> The <code>deleteRule</code> method</a> 1.164 1.165 - <li><a href="#CSSKeyframesRule-findRule"><span class=secno>5.3.5. 1.166 + <li><a href="#CSSKeyframesRule-findRule"><span class=secno>6.3.5. 1.167 </span> The <code>findRule</code> method</a> 1.168 </ul> 1.169 </ul> 1.170 1.171 - <li><a href="#acknowledgments"><span class=secno>6. 1.172 + <li><a href="#acknowledgments"><span class=secno>7. 1.173 </span>Acknowledgments</a> 1.174 1.175 - <li><a href="#references"><span class=secno>7. </span>References</a> 1.176 + <li><a href="#references"><span class=secno>8. </span>References</a> 1.177 <ul class=toc> 1.178 <li class=no-num><a href="#normative-references">Normative 1.179 references</a> 1.180 @@ -302,7 +304,28 @@ 1.181 begin and end values, and whether or not the animation should be running 1.182 or paused. An animation can also delay its start time. 1.183 1.184 - <h2 id=animations><span class=secno>2. </span> Animations</h2> 1.185 + <h2 id=values><span class=secno>2. </span> Values</h2> 1.186 + 1.187 + <p> This specification follows the <a 1.188 + href="http://www.w3.org/TR/CSS21/about.html#property-defs">CSS property 1.189 + definition conventions</a> from <a href="#CSS21" 1.190 + rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>. Value types not defined in 1.191 + this specification are defined in CSS Level 2 Revision 1 <a 1.192 + href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>. Other CSS 1.193 + modules may expand the definitions of these value types: for example <a 1.194 + href="#CSS3VAL" rel=biblioentry>[CSS3VAL]<!--{{CSS3VAL}}--></a>, when 1.195 + combined with this module, expands the definition of the 1.196 + <var><length></var> value type as used in this specification. 1.197 + 1.198 + <p>In addition to the property-specific values listed in their definitions, 1.199 + all properties defined in this specification also accept the <a 1.200 + href="http://dev.w3.org/csswg/css3-values/#common-keywords">‘<code 1.201 + class=css>initial</code>’</a> and <a 1.202 + href="http://dev.w3.org/csswg/css3-values/#common-keywords">‘<code 1.203 + class=css>inherit</code>’</a> keyword as their property value. For 1.204 + readability it has not been repeated explicitly. 1.205 + 1.206 + <h2 id=animations><span class=secno>3. </span> Animations</h2> 1.207 1.208 <p> CSS Animations affect computed property values. During the execution of 1.209 an animation, the computed value for a property is controlled by the 1.210 @@ -407,7 +430,7 @@ 1.211 not design content in a way that is known to cause seizures</a> (<a 1.212 href="#WCAG20" rel=biblioentry>[WCAG20]<!--{{WCAG20}}--></a>). 1.213 1.214 - <h2 id=keyframes><span class=secno>3. </span> Keyframes</h2> 1.215 + <h2 id=keyframes><span class=secno>4. </span> Keyframes</h2> 1.216 1.217 <p> Keyframes are used to specify the values for the animating properties 1.218 at various points during the animation. The keyframes specify the behavior 1.219 @@ -531,7 +554,7 @@ 1.220 {F}{R}{O}{M} {return FROM_SYM;} 1.221 {T}{O} {return TO_SYM;}</pre> 1.222 1.223 - <h3 id=timing-functions><span class=secno>3.1. </span> Timing functions for 1.224 + <h3 id=timing-functions><span class=secno>4.1. </span> Timing functions for 1.225 keyframes</h3> 1.226 1.227 <p> A keyframe style rule may also declare the timing function that is to 1.228 @@ -585,7 +608,7 @@ 1.229 class=property>animation-timing-function</code></a>’ property for more 1.230 information. 1.231 1.232 - <h3 id=animation-name-property><span class=secno>3.2. </span> The ‘<a 1.233 + <h3 id=animation-name-property><span class=secno>4.2. </span> The ‘<a 1.234 href="#animation-name"><code class=property>animation-name</code></a>’ 1.235 Property</h3> 1.236 1.237 @@ -723,7 +746,7 @@ 1.238 </div> 1.239 --> 1.240 1.241 - <h3 id=animation-duration-property><span class=secno>3.3. </span> The ‘<a 1.242 + <h3 id=animation-duration-property><span class=secno>4.3. </span> The ‘<a 1.243 href="#animation-duration"><code 1.244 class=property>animation-duration</code></a>’ Property</h3> 1.245 1.246 @@ -797,7 +820,7 @@ 1.247 class=property>animation-duration</code></a>’ value renders the 1.248 declaration invalid. 1.249 1.250 - <h3 id=animation-timing-function-property><span class=secno>3.4. </span> 1.251 + <h3 id=animation-timing-function-property><span class=secno>4.4. </span> 1.252 The ‘<a href="#animation-timing-function"><code 1.253 class=property>animation-timing-function</code></a>’ Property</h3> 1.254 1.255 @@ -881,7 +904,7 @@ 1.256 keyframe block applies to that keyframe, otherwise the timing function 1.257 specified for the animation is used. 1.258 1.259 - <h3 id=animation-iteration-count-property><span class=secno>3.5. </span> 1.260 + <h3 id=animation-iteration-count-property><span class=secno>4.5. </span> 1.261 The ‘<a href="#animation-iteration-count"><code 1.262 class=property>animation-iteration-count</code></a>’ Property</h3> 1.263 1.264 @@ -962,7 +985,7 @@ 1.265 id=single-animation-iteration-count><single-animation-iteration-count></dfn> 1.266 = infinite | <number></div> 1.267 1.268 - <h3 id=animation-direction-property><span class=secno>3.6. </span> The 1.269 + <h3 id=animation-direction-property><span class=secno>4.6. </span> The 1.270 ‘<a href="#animation-direction"><code 1.271 class=property>animation-direction</code></a>’ Property</h3> 1.272 1.273 @@ -1061,7 +1084,7 @@ 1.274 <p class=note> Note that for the purpose of determining whether an 1.275 iteration is even or odd, iterations start counting from 1. 1.276 1.277 - <h3 id=animation-play-state-property><span class=secno>3.7. </span> The 1.278 + <h3 id=animation-play-state-property><span class=secno>4.7. </span> The 1.279 ‘<a href="#animation-play-state"><code 1.280 class=property>animation-play-state</code></a>’ Property</h3> 1.281 1.282 @@ -1138,7 +1161,7 @@ 1.283 id=single-animation-play-state><single-animation-play-state></dfn> = 1.284 running | paused</div> 1.285 1.286 - <h3 id=animation-delay-property><span class=secno>3.8. </span> The ‘<a 1.287 + <h3 id=animation-delay-property><span class=secno>4.8. </span> The ‘<a 1.288 href="#animation-delay"><code class=property>animation-delay</code></a>’ 1.289 Property</h3> 1.290 1.291 @@ -1216,7 +1239,7 @@ 1.292 grammar</abbr> 1.293 </table> 1.294 1.295 - <h3 id=animation-fill-mode-property><span class=secno>3.9. </span> The 1.296 + <h3 id=animation-fill-mode-property><span class=secno>4.9. </span> The 1.297 ‘<a href="#animation-fill-mode"><code 1.298 class=property>animation-fill-mode</code></a>’ Property</h3> 1.299 1.300 @@ -1342,7 +1365,7 @@ 1.301 id=single-animation-fill-mode><single-animation-fill-mode></dfn> = 1.302 none | forwards | backwards | both</div> 1.303 1.304 - <h3 id=animation-shorthand-property><span class=secno>3.10. </span> The 1.305 + <h3 id=animation-shorthand-property><span class=secno>4.10. </span> The 1.306 ‘<a href="#animation"><code class=property>animation</code></a>’ 1.307 Shorthand Property</h3> 1.308 1.309 @@ -1427,7 +1450,7 @@ 1.310 animation-name versus keywords, and probably also adjust the canonical 1.311 order to match. 1.312 1.313 - <h2 id=animation-events><span class=secno>4. </span> Animation Events</h2> 1.314 + <h2 id=animation-events><span class=secno>5. </span> Animation Events</h2> 1.315 1.316 <p> Several animation related events are available through the <a 1.317 href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM Event 1.318 @@ -1455,13 +1478,13 @@ 1.319 animation. This time does not include any time the animation was in the 1.320 ‘<code class=css>paused</code>’ play state. 1.321 1.322 - <h3 id=AnimationEvent-interface><span class=secno>4.1. </span> Interface <a 1.323 + <h3 id=AnimationEvent-interface><span class=secno>5.1. </span> Interface <a 1.324 href="#animationevent"><code>AnimationEvent</code></a></h3> 1.325 1.326 <p> The <dfn id=animationevent>AnimationEvent</dfn> interface provides 1.327 specific contextual information associated with Animation events. 1.328 1.329 - <h4 id=AnimationEvent-IDL><span class=secno>4.1.1. </span> IDL Definition</h4> 1.330 + <h4 id=AnimationEvent-IDL><span class=secno>5.1.1. </span> IDL Definition</h4> 1.331 1.332 <pre class=idl> 1.333 [Constructor(DOMString <var 1.334 @@ -1495,7 +1518,7 @@ 1.335 1.336 </pre> 1.337 1.338 - <h4 id=AnimationEvent-attributes><span class=secno>4.1.2. </span> 1.339 + <h4 id=AnimationEvent-attributes><span class=secno>5.1.2. </span> 1.340 Attributes</h4> 1.341 1.342 <dl> 1.343 @@ -1533,7 +1556,7 @@ 1.344 href="http://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html#concept-event-constructor">event 1.345 constructor</a>. 1.346 1.347 - <h3 id=AnimationEvent-types><span class=secno>4.2. </span> Types of <a 1.348 + <h3 id=AnimationEvent-types><span class=secno>5.2. </span> Types of <a 1.349 href="#animationevent"><code>AnimationEvent</code></a></h3> 1.350 1.351 <p> The different types of Animation events that can occur are: 1.352 @@ -1585,19 +1608,19 @@ 1.353 </ul> 1.354 </dl> 1.355 1.356 - <h2 id=dom-interfaces><span class=secno>5. </span> DOM Interfaces</h2> 1.357 + <h2 id=dom-interfaces><span class=secno>6. </span> DOM Interfaces</h2> 1.358 1.359 <p> CSS animation is exposed to the CSSOM through a pair of new interfaces 1.360 describing the keyframes. 1.361 1.362 - <h3 id=CSSRule-interface><span class=secno>5.1. </span> Interface <a 1.363 + <h3 id=CSSRule-interface><span class=secno>6.1. </span> Interface <a 1.364 href="#cssrule"><code>CSSRule</code></a></h3> 1.365 1.366 <p> The following 2 rule types are added to the <dfn 1.367 id=cssrule>CSSRule</dfn> interface. They provide identification for the 1.368 new keyframe and keyframes rules. 1.369 1.370 - <h4 id=CSSRule-IDL><span class=secno>5.1.1. </span> IDL Definition</h4> 1.371 + <h4 id=CSSRule-IDL><span class=secno>6.1.1. </span> IDL Definition</h4> 1.372 1.373 <pre class=idl> 1.374 interface CSSRule { 1.375 @@ -1607,13 +1630,13 @@ 1.376 ... 1.377 };</pre> 1.378 1.379 - <h3 id=CSSKeyframeRule-interface><span class=secno>5.2. </span> Interface 1.380 + <h3 id=CSSKeyframeRule-interface><span class=secno>6.2. </span> Interface 1.381 <a href="#csskeyframerule"><code>CSSKeyframeRule</code></a></h3> 1.382 1.383 <p> The <dfn id=csskeyframerule>CSSKeyframeRule</dfn> interface represents 1.384 the style rule for a single key. 1.385 1.386 - <h4 id=CSSKeyframeRule-IDL><span class=secno>5.2.1. </span> IDL Definition</h4> 1.387 + <h4 id=CSSKeyframeRule-IDL><span class=secno>6.2.1. </span> IDL Definition</h4> 1.388 1.389 <pre class=idl> 1.390 interface CSSKeyframeRule : CSSRule { 1.391 @@ -1621,7 +1644,7 @@ 1.392 readonly attribute CSSStyleDeclaration style; 1.393 };</pre> 1.394 1.395 - <h4 id=CSSKeyframeRule-attributes><span class=secno>5.2.2. </span> 1.396 + <h4 id=CSSKeyframeRule-attributes><span class=secno>6.2.2. </span> 1.397 Attributes</h4> 1.398 1.399 <dl> 1.400 @@ -1640,13 +1663,13 @@ 1.401 <dd> This attribute represents the style associated with this keyframe. 1.402 </dl> 1.403 1.404 - <h3 id=CSSKeyframesRule-interface><span class=secno>5.3. </span> Interface 1.405 + <h3 id=CSSKeyframesRule-interface><span class=secno>6.3. </span> Interface 1.406 <a href="#csskeyframesrule"><code>CSSKeyframesRule</code></a></h3> 1.407 1.408 <p> The <dfn id=csskeyframesrule>CSSKeyframesRule</dfn> interface 1.409 represents a complete set of keyframes for a single animation. 1.410 1.411 - <h4 id=CSSKeyframesRule-IDL><span class=secno>5.3.1. </span> IDL Definition</h4> 1.412 + <h4 id=CSSKeyframesRule-IDL><span class=secno>6.3.1. </span> IDL Definition</h4> 1.413 1.414 <pre class=idl> 1.415 interface CSSKeyframesRule : CSSRule { 1.416 @@ -1658,7 +1681,7 @@ 1.417 CSSKeyframeRule findRule(in DOMString key); 1.418 };</pre> 1.419 1.420 - <h4 id=CSSKeyframesRule-attributes><span class=secno>5.3.2. </span> 1.421 + <h4 id=CSSKeyframesRule-attributes><span class=secno>6.3.2. </span> 1.422 Attributes</h4> 1.423 1.424 <dl> 1.425 @@ -1673,7 +1696,7 @@ 1.426 <code>CSSRuleList</code> 1.427 1.428 <dd> This attribute gives access to the keyframes in the list. 1.429 - <h4 id=CSSKeyframesRule-appendRule><span class=secno>5.3.3. </span> The 1.430 + <h4 id=CSSKeyframesRule-appendRule><span class=secno>6.3.3. </span> The 1.431 <a href="#appendrule"><code>appendRule</code></a> method</h4> 1.432 1.433 <p> The <dfn id=appendrule>appendRule</dfn> method appends the passed 1.434 @@ -1692,7 +1715,7 @@ 1.435 1.436 <p> No Exceptions 1.437 1.438 - <h4 id=CSSKeyframesRules-deleteRule><span class=secno>5.3.4. </span> The 1.439 + <h4 id=CSSKeyframesRules-deleteRule><span class=secno>6.3.4. </span> The 1.440 <a href="#deleterule"><code>deleteRule</code></a> method</h4> 1.441 1.442 <p> The <dfn id=deleterule>deleteRule</dfn> method deletes the 1.443 @@ -1712,7 +1735,7 @@ 1.444 1.445 <p> No Exceptions 1.446 1.447 - <h4 id=CSSKeyframesRule-findRule><span class=secno>5.3.5. </span> The 1.448 + <h4 id=CSSKeyframesRule-findRule><span class=secno>6.3.5. </span> The 1.449 <code>findRule</code> method</h4> 1.450 1.451 <p> The <code>findRule</code> method returns the rule with a key matching 1.452 @@ -1737,14 +1760,14 @@ 1.453 1.454 <p> No Exceptions 1.455 1.456 - <h2 id=acknowledgments><span class=secno>6. </span>Acknowledgments</h2> 1.457 + <h2 id=acknowledgments><span class=secno>7. </span>Acknowledgments</h2> 1.458 1.459 <p>Thanks especially to the feedback from Tab Atkins, Carine Bournez, 1.460 Estelle Weyl, and all the rest of the <a 1.461 href="http://lists.w3.org/Archives/Public/www-style/">www-style</a> 1.462 community. 1.463 1.464 - <h2 id=references><span class=secno>7. </span>References</h2> 1.465 + <h2 id=references><span class=secno>8. </span>References</h2> 1.466 1.467 <h3 class=no-num id=normative-references>Normative references</h3> 1.468 <!--begin-normative--> <!-- Sorted by label --> 1.469 @@ -1753,6 +1776,16 @@ 1.470 style="display: none"><!-- keeps the doc valid if the DL is empty --> 1.471 <!----> 1.472 1.473 + <dt id=CSS21>[CSS21] 1.474 + 1.475 + <dd>Bert Bos; et al. <a 1.476 + href="http://www.w3.org/TR/2011/REC-CSS2-20110607/"><cite>Cascading 1.477 + Style Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 1.478 + June 2011. W3C Recommendation. URL: <a 1.479 + href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">http://www.w3.org/TR/2011/REC-CSS2-20110607/</a> 1.480 + </dd> 1.481 + <!----> 1.482 + 1.483 <dt id=CSS3-TRANSITIONS>[CSS3-TRANSITIONS] 1.484 1.485 <dd>Dean Jackson; et al. <a 1.486 @@ -1771,6 +1804,16 @@ 1.487 style="display: none"><!-- keeps the doc valid if the DL is empty --> 1.488 <!----> 1.489 1.490 + <dt id=CSS3VAL>[CSS3VAL] 1.491 + 1.492 + <dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a 1.493 + href="http://www.w3.org/TR/2012/CR-css3-values-20120828/"><cite>CSS 1.494 + Values and Units Module Level 3.</cite></a> 28 August 2012. W3C 1.495 + Candidate Recommendation. (Work in progress.) URL: <a 1.496 + href="http://www.w3.org/TR/2012/CR-css3-values-20120828/">http://www.w3.org/TR/2012/CR-css3-values-20120828/</a> 1.497 + </dd> 1.498 + <!----> 1.499 + 1.500 <dt id=WCAG20>[WCAG20] 1.501 1.502 <dd>Ben Caldwell; et al. <a 1.503 @@ -1954,122 +1997,122 @@ 1.504 <!--begin-index--> 1.505 <ul class=indexlist> 1.506 <li>alternate, <a href="#alternate" 1.507 - title="section 3.6."><strong>3.6.</strong></a> 1.508 + title="section 4.6."><strong>4.6.</strong></a> 1.509 1.510 <li>alternate-reverse, <a href="#alternate-reverse" 1.511 - title="section 3.6."><strong>3.6.</strong></a> 1.512 + title="section 4.6."><strong>4.6.</strong></a> 1.513 1.514 <li>animation, <a href="#animation" 1.515 - title="section 3.10."><strong>3.10.</strong></a> 1.516 + title="section 4.10."><strong>4.10.</strong></a> 1.517 1.518 <li>animation-delay, <a href="#animation-delay" 1.519 - title="section 3.8."><strong>3.8.</strong></a> 1.520 + title="section 4.8."><strong>4.8.</strong></a> 1.521 1.522 <li>animation-direction, <a href="#animation-direction" 1.523 - title="section 3.6."><strong>3.6.</strong></a> 1.524 + title="section 4.6."><strong>4.6.</strong></a> 1.525 1.526 <li>animation-duration, <a href="#animation-duration" 1.527 - title="section 3.3."><strong>3.3.</strong></a> 1.528 + title="section 4.3."><strong>4.3.</strong></a> 1.529 1.530 <li>animationend, <a href="#animationend" 1.531 + title="section 5.2."><strong>5.2.</strong></a> 1.532 + 1.533 + <li>AnimationEvent, <a href="#animationevent" 1.534 + title="section 5.1."><strong>5.1.</strong></a> 1.535 + 1.536 + <li>animation-fill-mode, <a href="#animation-fill-mode" 1.537 + title="section 4.9."><strong>4.9.</strong></a> 1.538 + 1.539 + <li>animationiteration, <a href="#animationiteration" 1.540 + title="section 5.2."><strong>5.2.</strong></a> 1.541 + 1.542 + <li>animation-iteration-count, <a href="#animation-iteration-count" 1.543 + title="section 4.5."><strong>4.5.</strong></a> 1.544 + 1.545 + <li>animationName, <a href="#AnimationEvent-animationName" 1.546 + title="section 5.1.2."><strong>5.1.2.</strong></a> 1.547 + 1.548 + <li>animation-name, <a href="#animation-name" 1.549 title="section 4.2."><strong>4.2.</strong></a> 1.550 1.551 - <li>AnimationEvent, <a href="#animationevent" 1.552 - title="section 4.1."><strong>4.1.</strong></a> 1.553 - 1.554 - <li>animation-fill-mode, <a href="#animation-fill-mode" 1.555 - title="section 3.9."><strong>3.9.</strong></a> 1.556 - 1.557 - <li>animationiteration, <a href="#animationiteration" 1.558 - title="section 4.2."><strong>4.2.</strong></a> 1.559 - 1.560 - <li>animation-iteration-count, <a href="#animation-iteration-count" 1.561 - title="section 3.5."><strong>3.5.</strong></a> 1.562 - 1.563 - <li>animationName, <a href="#AnimationEvent-animationName" 1.564 - title="section 4.1.2."><strong>4.1.2.</strong></a> 1.565 - 1.566 - <li>animation-name, <a href="#animation-name" 1.567 - title="section 3.2."><strong>3.2.</strong></a> 1.568 - 1.569 <li>animation-play-state, <a href="#animation-play-state" 1.570 - title="section 3.7."><strong>3.7.</strong></a> 1.571 + title="section 4.7."><strong>4.7.</strong></a> 1.572 1.573 <li>animationstart, <a href="#animationstart" 1.574 - title="section 4.2."><strong>4.2.</strong></a> 1.575 + title="section 5.2."><strong>5.2.</strong></a> 1.576 1.577 <li>animation-timing-function, <a href="#animation-timing-function" 1.578 - title="section 3.4."><strong>3.4.</strong></a> 1.579 + title="section 4.4."><strong>4.4.</strong></a> 1.580 1.581 <li>appendRule, <a href="#appendrule" 1.582 - title="section 5.3.3."><strong>5.3.3.</strong></a> 1.583 + title="section 6.3.3."><strong>6.3.3.</strong></a> 1.584 1.585 <li>CSSKeyframeRule, <a href="#csskeyframerule" 1.586 - title="section 5.2."><strong>5.2.</strong></a> 1.587 + title="section 6.2."><strong>6.2.</strong></a> 1.588 1.589 <li>CSSKeyframesRule, <a href="#csskeyframesrule" 1.590 - title="section 5.3."><strong>5.3.</strong></a> 1.591 + title="section 6.3."><strong>6.3.</strong></a> 1.592 1.593 <li>CSSRule, <a href="#cssrule" 1.594 - title="section 5.1."><strong>5.1.</strong></a> 1.595 + title="section 6.1."><strong>6.1.</strong></a> 1.596 1.597 <li>cssRules, <a href="#CSSKeyframesRules-cssRules" 1.598 - title="section 5.3.2."><strong>5.3.2.</strong></a> 1.599 + title="section 6.3.2."><strong>6.3.2.</strong></a> 1.600 1.601 <li>defined animations, <a href="#defined-animations" 1.602 title="section 1."><strong>1.</strong></a> 1.603 1.604 <li>deleteRule, <a href="#deleterule" 1.605 - title="section 5.3.4."><strong>5.3.4.</strong></a> 1.606 + title="section 6.3.4."><strong>6.3.4.</strong></a> 1.607 1.608 <li>elapsedTime, <a href="#AnimationEvent-elapsedTime" 1.609 - title="section 4.1.2."><strong>4.1.2.</strong></a> 1.610 + title="section 5.1.2."><strong>5.1.2.</strong></a> 1.611 1.612 <li>keyframe declaration block, <a href="#keyframe-declaration-block" 1.613 - title="section 3."><strong>3.</strong></a> 1.614 + title="section 4."><strong>4.</strong></a> 1.615 1.616 <li>keyframe selector, <a href="#keyframe-selector" 1.617 - title="section 3."><strong>3.</strong></a> 1.618 + title="section 4."><strong>4.</strong></a> 1.619 1.620 <li>keyText, <a href="#CSSKeyframeRule-keyText" 1.621 - title="section 5.2.2."><strong>5.2.2.</strong></a> 1.622 + title="section 6.2.2."><strong>6.2.2.</strong></a> 1.623 1.624 <li>name, <a href="#CSSKeyframesRule-name" 1.625 - title="section 5.3.2."><strong>5.3.2.</strong></a> 1.626 + title="section 6.3.2."><strong>6.3.2.</strong></a> 1.627 1.628 <li>normal, <a href="#normal" 1.629 - title="section 3.6."><strong>3.6.</strong></a> 1.630 + title="section 4.6."><strong>4.6.</strong></a> 1.631 1.632 <li>pseudoElement, <a href="#AnimationEvent-pseudoElement" 1.633 - title="section 4.1.2."><strong>4.1.2.</strong></a> 1.634 + title="section 5.1.2."><strong>5.1.2.</strong></a> 1.635 1.636 <li>reverse, <a href="#reverse" 1.637 - title="section 3.6."><strong>3.6.</strong></a> 1.638 + title="section 4.6."><strong>4.6.</strong></a> 1.639 1.640 <li><single-animation>, <a href="#single-animation" 1.641 - title="section 3.10."><strong>3.10.</strong></a> 1.642 + title="section 4.10."><strong>4.10.</strong></a> 1.643 1.644 <li><single-animation-direction>, <a 1.645 href="#single-animation-direction" 1.646 - title="section 3.6."><strong>3.6.</strong></a> 1.647 + title="section 4.6."><strong>4.6.</strong></a> 1.648 1.649 <li><single-animation-fill-mode>, <a 1.650 href="#single-animation-fill-mode" 1.651 - title="section 3.9."><strong>3.9.</strong></a> 1.652 + title="section 4.9."><strong>4.9.</strong></a> 1.653 1.654 <li><single-animation-iteration-count>, <a 1.655 href="#single-animation-iteration-count" 1.656 - title="section 3.5."><strong>3.5.</strong></a> 1.657 + title="section 4.5."><strong>4.5.</strong></a> 1.658 1.659 <li><single-animation-name>, <a href="#single-animation-name" 1.660 - title="section 3.2."><strong>3.2.</strong></a> 1.661 + title="section 4.2."><strong>4.2.</strong></a> 1.662 1.663 <li><single-animation-play-state>, <a 1.664 href="#single-animation-play-state" 1.665 - title="section 3.7."><strong>3.7.</strong></a> 1.666 + title="section 4.7."><strong>4.7.</strong></a> 1.667 1.668 <li>style, <a href="#CSSKeyframeRule-style" 1.669 - title="section 5.2.2."><strong>5.2.2.</strong></a> 1.670 + title="section 6.2.2."><strong>6.2.2.</strong></a> 1.671 </ul> 1.672 <!--end-index--> 1.673 </dl>
2.1 --- a/css3-animations/Overview.src.html Thu Feb 07 14:51:47 2013 -0800 2.2 +++ b/css3-animations/Overview.src.html Thu Feb 07 16:13:27 2013 -0800 2.3 @@ -111,6 +111,18 @@ 2.4 and whether or not the animation should be running or paused. 2.5 An animation can also delay its start time. 2.6 2.7 +<h2 id="values"> 2.8 +Values</h2> 2.9 + 2.10 + <p> 2.11 + This specification follows the <a href="http://www.w3.org/TR/CSS21/about.html#property-defs">CSS property definition conventions</a> from [[!CSS21]]. 2.12 + Value types not defined in this specification are defined in CSS Level 2 Revision 1 [[!CSS21]]. 2.13 + Other CSS modules may expand the definitions of these value types: 2.14 + for example [[CSS3VAL]], when combined with this module, 2.15 + expands the definition of the <var><length></var> value type as used in this specification. 2.16 + 2.17 + <p>In addition to the property-specific values listed in their definitions, all properties defined in this specification also accept the <a href="http://dev.w3.org/csswg/css3-values/#common-keywords">''initial''</a> and <a href="http://dev.w3.org/csswg/css3-values/#common-keywords">''inherit''</a> keyword as their property value. For readability it has not been repeated explicitly. 2.18 + 2.19 2.20 <h2 id="animations"> 2.21 Animations</h2>