Thu, 20 Sep 2012 10:14:24 -0700
[css3-transitions] Add Animatable and Canonical Order lines so the preprocessor will run again. I'm not sure why the preprocessor is making me put the Animatable lines before the Percentages lines (which is wrong). I'm also not sure the Canonical Order lines are right.
css3-transitions/Overview.html | file | annotate | diff | comparison | revisions | |
css3-transitions/Overview.src.html | file | annotate | diff | comparison | revisions |
1.1 --- a/css3-transitions/Overview.html Thu Sep 20 09:50:08 2012 -0700 1.2 +++ b/css3-transitions/Overview.html Thu Sep 20 10:14:24 2012 -0700 1.3 @@ -2,11 +2,21 @@ 1.4 "http://www.w3.org/TR/html4/strict.dtd"> 1.5 1.6 <html lang=en> 1.7 - <head> 1.8 + <head profile="http://dublincore.org/documents/2008/08/04/dc-html/ "> 1.9 <title>CSS Transitions</title> 1.10 + 1.11 + <link href="http://purl.org/dc/terms/" rel=schema.DC> 1.12 + <meta content="CSS Transitions" name=DC.title> 1.13 + <meta content=text name=DC.type> 1.14 + <meta content=2012-09-20 name=DC.issued> 1.15 + <meta content="http://dev.w3.org/csswg/css3-transitions/" name=DC.creator> 1.16 + <meta content=W3C name=DC.publisher> 1.17 + <meta content="http://www.w3.org/TR/2012/ED-css3-transitions-20120920/" 1.18 + name=DC.identifier> 1.19 + <link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright" 1.20 + rel=DC.rights> 1.21 <meta content="text/html; charset=utf-8" http-equiv=Content-Type> 1.22 <link href="../default.css" rel=stylesheet type="text/css"> 1.23 - 1.24 <style type="text/css"> 1.25 table.animatable-properties { 1.26 border-collapse: collapse; 1.27 @@ -17,7 +27,7 @@ 1.28 } 1.29 </style> 1.30 <link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet 1.31 - type="text/css"> 1.32 + type="text/css"> 1.33 1.34 <body> 1.35 <div class=head> <!--begin-logo--> 1.36 @@ -26,14 +36,15 @@ 1.37 1.38 <h1>CSS Transitions</h1> 1.39 1.40 - <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 12 July 2012</h2> 1.41 + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 20 September 1.42 + 2012</h2> 1.43 1.44 <dl> 1.45 <dt>This version: 1.46 1.47 - <dd> <a href="http://www.w3.org/TR/2012/ED-css3-transitions-20120712/"> 1.48 + <dd> <a href="http://www.w3.org/TR/2012/ED-css3-transitions-20120920/"> 1.49 http://dev.w3.org/csswg/css3-transitions/</a> 1.50 - <!--http://www.w3.org/TR/2012/WD-css3-transitions-20120712/--> 1.51 + <!--http://www.w3.org/TR/2012/WD-css3-transitions-20120920/--> 1.52 1.53 <dt>Latest version: 1.54 1.55 @@ -44,7 +55,6 @@ 1.56 1.57 <dd><a 1.58 href="http://dev.w3.org/csswg/css3-transitions/">http://dev.w3.org/csswg/css3-transitions/</a> 1.59 - 1.60 1.61 <dt>Previous version: 1.62 1.63 @@ -253,7 +263,7 @@ 1.64 properties. For example: 1.65 1.66 <div class=example> 1.67 - <p style="display:none"> Example(s):</p> 1.68 + <p style="display:none"> Example(s): 1.69 1.70 <pre> 1.71 div { 1.72 @@ -272,7 +282,7 @@ 1.73 from the same index in all the lists. For example: 1.74 1.75 <div class=example> 1.76 - <p style="display:none"> Example(s):</p> 1.77 + <p style="display:none"> Example(s): 1.78 1.79 <pre> 1.80 div { 1.81 @@ -304,7 +314,7 @@ 1.82 class=property>transition-property</code></a>’. </span> 1.83 1.84 <div class=example> 1.85 - <p style="display:none"> Example(s):</p> 1.86 + <p style="display:none"> Example(s): 1.87 1.88 <pre> 1.89 div { 1.90 @@ -362,6 +372,11 @@ 1.91 <td> no 1.92 1.93 <tr> 1.94 + <td> <em>Animatable:</em> 1.95 + 1.96 + <td> no 1.97 + 1.98 + <tr> 1.99 <td> <em>Percentages:</em> 1.100 1.101 <td> N/A 1.102 @@ -375,6 +390,12 @@ 1.103 <td> <em>Computed value:</em> 1.104 1.105 <td> Same as specified value. 1.106 + 1.107 + <tr> 1.108 + <td> <em>Canonical order:</em> 1.109 + 1.110 + <td> <abbr title="follows order of property value definition">per 1.111 + grammar</abbr> 1.112 </table> 1.113 1.114 <p> A value of ‘<code class=property>none</code>’ means that no 1.115 @@ -459,6 +480,11 @@ 1.116 <td> no 1.117 1.118 <tr> 1.119 + <td> <em>Animatable:</em> 1.120 + 1.121 + <td> no 1.122 + 1.123 + <tr> 1.124 <td> <em>Percentages:</em> 1.125 1.126 <td> N/A 1.127 @@ -472,6 +498,12 @@ 1.128 <td> <em>Computed value:</em> 1.129 1.130 <td> Same as specified value. 1.131 + 1.132 + <tr> 1.133 + <td> <em>Canonical order:</em> 1.134 + 1.135 + <td> <abbr title="follows order of property value definition">per 1.136 + grammar</abbr> 1.137 </table> 1.138 1.139 <p> This property specifies how long the transition from the old value to 1.140 @@ -540,7 +572,6 @@ 1.141 <td> <em>Name:</em> 1.142 1.143 <td> <dfn id=transition-timing-function>transition-timing-function</dfn> 1.144 - 1.145 1.146 <tr> 1.147 <td> <em>Value:</em> 1.148 @@ -569,6 +600,11 @@ 1.149 <td> no 1.150 1.151 <tr> 1.152 + <td> <em>Animatable:</em> 1.153 + 1.154 + <td> no 1.155 + 1.156 + <tr> 1.157 <td> <em>Percentages:</em> 1.158 1.159 <td> N/A 1.160 @@ -582,6 +618,12 @@ 1.161 <td> <em>Computed value:</em> 1.162 1.163 <td> Same as specified value. 1.164 + 1.165 + <tr> 1.166 + <td> <em>Canonical order:</em> 1.167 + 1.168 + <td> <abbr title="follows order of property value definition">per 1.169 + grammar</abbr> 1.170 </table> 1.171 1.172 <p> The timing functions have the following definitions. 1.173 @@ -605,7 +647,6 @@ 1.174 <dt> ease-out 1.175 1.176 <dd> The ease-out function is equivalent to cubic-bezier(0, 0, 0.58, 1.0). 1.177 - 1.178 1.179 <dt> ease-in-out 1.180 1.181 @@ -695,6 +736,11 @@ 1.182 <td> no 1.183 1.184 <tr> 1.185 + <td> <em>Animatable:</em> 1.186 + 1.187 + <td> no 1.188 + 1.189 + <tr> 1.190 <td> <em>Percentages:</em> 1.191 1.192 <td> N/A 1.193 @@ -708,6 +754,12 @@ 1.194 <td> <em>Computed value:</em> 1.195 1.196 <td> Same as specified value. 1.197 + 1.198 + <tr> 1.199 + <td> <em>Canonical order:</em> 1.200 + 1.201 + <td> <abbr title="follows order of property value definition">per 1.202 + grammar</abbr> 1.203 </table> 1.204 <!-- ======================================================================================================= --> 1.205 1.206 @@ -770,6 +822,11 @@ 1.207 <td> no 1.208 1.209 <tr> 1.210 + <td> <em>Animatable:</em> 1.211 + 1.212 + <td> no 1.213 + 1.214 + <tr> 1.215 <td> <em>Percentages:</em> 1.216 1.217 <td> N/A 1.218 @@ -783,6 +840,12 @@ 1.219 <td> <em>Computed value:</em> 1.220 1.221 <td> Same as specified value. 1.222 + 1.223 + <tr> 1.224 + <td> <em>Canonical order:</em> 1.225 + 1.226 + <td> <abbr title="follows order of property value definition">per 1.227 + grammar</abbr> 1.228 </table> 1.229 1.230 <h2 id=starting><span class=secno>3. </span> Starting of transitions</h2> 1.231 @@ -800,7 +863,7 @@ 1.232 animatable property would first have its new computed value. 1.233 1.234 <div class=example id=manual-reversing-example> 1.235 - <p style="display:none"> Example(s):</p> 1.236 + <p style="display:none"> Example(s): 1.237 1.238 <p>This provides a way for authors to specify different values of the 1.239 ‘<code class=css>transition-*</code>’ properties for the 1.240 @@ -818,7 +881,7 @@ 1.241 transition. Since it's the new values of these ‘<code 1.242 class=css>transition-*</code>’ properties that affect the transition, 1.243 these values will be used for the transitions <em>to</em> the associated 1.244 - transitioning values. For example:</p> 1.245 + transitioning values. For example: 1.246 1.247 <pre>li { 1.248 transition: background-color linear 1s; 1.249 @@ -838,7 +901,7 @@ 1.250 class=property>blue</code>’ to ‘<code class=property>green</code>’ 1.251 takes 2 seconds. However, when the list item leaves the :hover state, the 1.252 transition from ‘<code class=property>green</code>’ to ‘<code 1.253 - class=property>blue</code>’ takes 1 second.</p> 1.254 + class=property>blue</code>’ takes 1 second. 1.255 </div> 1.256 1.257 <p> When the computed value of a property changes, implementations must 1.258 @@ -918,7 +981,6 @@ 1.259 <ol> 1.260 <li> Use the B and A states as its "from" and "to" states respectively. It 1.261 does not use the current value as its from state, due to the rules below. 1.262 - 1.263 1.264 <li> Execute with the same duration T, but starting as if the transition 1.265 had already begun, without any transition delay, at the moment which 1.266 @@ -982,7 +1044,7 @@ 1.267 1.268 <dd> 1.269 <p> The <code>TransitionEvent</code> interface provides specific 1.270 - contextual information associated with transitions.</p> 1.271 + contextual information associated with transitions. 1.272 1.273 <dl> 1.274 <dt> <b>IDL Definition</b> 1.275 @@ -1048,7 +1110,6 @@ 1.276 <dt> <code class=method-name><a 1.277 id=Events-TransitionEvent-initTransitionEvent 1.278 name=Events-TransitionEvent-initTransitionEvent>initTransitionEvent</a></code> 1.279 - 1.280 1.281 <dd> 1.282 <div class=method> The <code>initTransitionEvent</code> method is 1.283 @@ -1061,7 +1122,7 @@ 1.284 times during that phase if necessary. If called multiple times, the 1.285 final invocation takes precedence. 1.286 <p class=issue>Should new events being created still have init*Event 1.287 - methods?</p> 1.288 + methods? 1.289 1.290 <div class=parameters> <b>Parameters</b> 1.291 <div class=paramtable> 1.292 @@ -1584,7 +1645,7 @@ 1.293 Transforms.</cite></a> 3 April 2012. W3C Working Draft. (Work in 1.294 progress.) URL: <a 1.295 href="http://www.w3.org/TR/2012/WD-css3-transforms-20120403/">http://www.w3.org/TR/2012/WD-css3-transforms-20120403/</a> 1.296 - </dd> 1.297 + </dd> 1.298 <!----> 1.299 </dl> 1.300 <!--end-normative--> 1.301 @@ -1604,7 +1665,7 @@ 1.302 Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 June 1.303 2011. W3C Recommendation. URL: <a 1.304 href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a> 1.305 - </dd> 1.306 + </dd> 1.307 <!----> 1.308 1.309 <dt id=CSS3-IMAGES>[CSS3-IMAGES] 1.310 @@ -1614,7 +1675,7 @@ 1.311 Values and Replaced Content Module Level 3.</cite></a> 17 April 2012. W3C 1.312 Candidate Recommendation. (Work in progress.) URL: <a 1.313 href="http://www.w3.org/TR/2012/CR-css3-images-20120417/">http://www.w3.org/TR/2012/CR-css3-images-20120417/</a> 1.314 - </dd> 1.315 + </dd> 1.316 <!----> 1.317 </dl> 1.318 <!--end-informative--> 1.319 @@ -1641,27 +1702,6 @@ 1.320 1.321 <tbody> 1.322 <tr> 1.323 - <th><a class=property href="#transition">transition</a> 1.324 - 1.325 - <td>[<‘transition-property’> || 1.326 - <‘transition-duration’> || 1.327 - <‘transition-timing-function’> || 1.328 - <‘transition-delay’> [, [<‘transition-property’> || 1.329 - <‘transition-duration’> || 1.330 - <‘transition-timing-function’> || 1.331 - <‘transition-delay’>]]* 1.332 - 1.333 - <td>see individual properties 1.334 - 1.335 - <td>all elements, :before and :after pseudo elements 1.336 - 1.337 - <td>no 1.338 - 1.339 - <td>N/A 1.340 - 1.341 - <td>interactive 1.342 - 1.343 - <tr> 1.344 <th><a class=property href="#transition-delay">transition-delay</a> 1.345 1.346 <td><time> [, <time>]* 1.347 @@ -1709,6 +1749,27 @@ 1.348 <td>visual 1.349 1.350 <tr> 1.351 + <th><a class=property href="#transition">transition</a> 1.352 + 1.353 + <td>[<‘transition-property’> || 1.354 + <‘transition-duration’> || 1.355 + <‘transition-timing-function’> || 1.356 + <‘transition-delay’> [, [<‘transition-property’> || 1.357 + <‘transition-duration’> || 1.358 + <‘transition-timing-function’> || 1.359 + <‘transition-delay’>]]* 1.360 + 1.361 + <td>see individual properties 1.362 + 1.363 + <td>all elements, :before and :after pseudo elements 1.364 + 1.365 + <td>no 1.366 + 1.367 + <td>N/A 1.368 + 1.369 + <td>interactive 1.370 + 1.371 + <tr> 1.372 <th><a class=property 1.373 href="#transition-timing-function">transition-timing-function</a> 1.374
2.1 --- a/css3-transitions/Overview.src.html Thu Sep 20 09:50:08 2012 -0700 2.2 +++ b/css3-transitions/Overview.src.html Thu Sep 20 10:14:24 2012 -0700 2.3 @@ -229,6 +229,14 @@ 2.4 </tr> 2.5 <tr> 2.6 <td> 2.7 + <em>Animatable:</em> 2.8 + </td> 2.9 + <td> 2.10 + no 2.11 + </td> 2.12 + </tr> 2.13 + <tr> 2.14 + <td> 2.15 <em>Percentages:</em> 2.16 </td> 2.17 <td> 2.18 @@ -251,6 +259,14 @@ 2.19 Same as specified value. 2.20 </td> 2.21 </tr> 2.22 + <tr> 2.23 + <td> 2.24 + <em>Canonical order:</em> 2.25 + </td> 2.26 + <td> 2.27 + <abbr title="follows order of property value definition">per grammar</abbr> 2.28 + </td> 2.29 + </tr> 2.30 </tbody> 2.31 </table> 2.32 2.33 @@ -348,6 +364,14 @@ 2.34 </tr> 2.35 <tr> 2.36 <td> 2.37 + <em>Animatable:</em> 2.38 + </td> 2.39 + <td> 2.40 + no 2.41 + </td> 2.42 + </tr> 2.43 + <tr> 2.44 + <td> 2.45 <em>Percentages:</em> 2.46 </td> 2.47 <td> 2.48 @@ -370,6 +394,14 @@ 2.49 Same as specified value. 2.50 </td> 2.51 </tr> 2.52 + <tr> 2.53 + <td> 2.54 + <em>Canonical order:</em> 2.55 + </td> 2.56 + <td> 2.57 + <abbr title="follows order of property value definition">per grammar</abbr> 2.58 + </td> 2.59 + </tr> 2.60 </tbody> 2.61 </table> 2.62 <p> 2.63 @@ -495,6 +527,14 @@ 2.64 </tr> 2.65 <tr> 2.66 <td> 2.67 + <em>Animatable:</em> 2.68 + </td> 2.69 + <td> 2.70 + no 2.71 + </td> 2.72 + </tr> 2.73 + <tr> 2.74 + <td> 2.75 <em>Percentages:</em> 2.76 </td> 2.77 <td> 2.78 @@ -517,6 +557,14 @@ 2.79 Same as specified value. 2.80 </td> 2.81 </tr> 2.82 + <tr> 2.83 + <td> 2.84 + <em>Canonical order:</em> 2.85 + </td> 2.86 + <td> 2.87 + <abbr title="follows order of property value definition">per grammar</abbr> 2.88 + </td> 2.89 + </tr> 2.90 </tbody> 2.91 </table> 2.92 <p> 2.93 @@ -642,6 +690,14 @@ 2.94 </tr> 2.95 <tr> 2.96 <td> 2.97 + <em>Animatable:</em> 2.98 + </td> 2.99 + <td> 2.100 + no 2.101 + </td> 2.102 + </tr> 2.103 + <tr> 2.104 + <td> 2.105 <em>Percentages:</em> 2.106 </td> 2.107 <td> 2.108 @@ -664,6 +720,14 @@ 2.109 Same as specified value. 2.110 </td> 2.111 </tr> 2.112 + <tr> 2.113 + <td> 2.114 + <em>Canonical order:</em> 2.115 + </td> 2.116 + <td> 2.117 + <abbr title="follows order of property value definition">per grammar</abbr> 2.118 + </td> 2.119 + </tr> 2.120 </tbody> 2.121 </table><!-- ======================================================================================================= --> 2.122 <h3 id=transition-shorthand-property><a id=the-transition-shorthand-property-> 2.123 @@ -726,6 +790,14 @@ 2.124 </tr> 2.125 <tr> 2.126 <td> 2.127 + <em>Animatable:</em> 2.128 + </td> 2.129 + <td> 2.130 + no 2.131 + </td> 2.132 + </tr> 2.133 + <tr> 2.134 + <td> 2.135 <em>Percentages:</em> 2.136 </td> 2.137 <td> 2.138 @@ -748,6 +820,14 @@ 2.139 Same as specified value. 2.140 </td> 2.141 </tr> 2.142 + <tr> 2.143 + <td> 2.144 + <em>Canonical order:</em> 2.145 + </td> 2.146 + <td> 2.147 + <abbr title="follows order of property value definition">per grammar</abbr> 2.148 + </td> 2.149 + </tr> 2.150 </tbody> 2.151 </table> 2.152