1.1 --- a/css3-transforms/Overview.html Sat Mar 23 14:59:10 2013 -0700
1.2 +++ b/css3-transforms/Overview.html Mon Mar 25 12:06:12 2013 -0700
1.3 @@ -7,17 +7,20 @@
1.4 <meta content="text/html; charset=utf-8" http-equiv=Content-Type>
1.5 <title>CSS Transforms</title>
1.6
1.7 - <link href="http://purl.org/dc/terms/" rel=schema.dcterms>
1.8 + <link href="http://purl.org/dc/terms/" rel=schema.dc>
1.9 <link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
1.10 - rel=dcterms.rights>
1.11 - <meta content="CSS Transforms" name=dcterms.title>
1.12 - <meta content=text name=dcterms.type>
1.13 - <meta content=2013-03-12 name=dcterms.issued>
1.14 + rel=dc.rights>
1.15 + <meta content="CSS Transforms" name=dc.title>
1.16 + <meta content=text name=dc.type>
1.17 + <meta content=2013-03-25 name=dc.date>
1.18 + <meta content="Simon Fraser" name=dc.creator>
1.19 + <meta content="Dean Jackson" name=dc.creator>
1.20 + <meta content="Edward O'Connor" name=dc.creator>
1.21 + <meta content="Dirk Schulze" name=dc.creator>
1.22 + <meta content="Aryeh Gregor" name=dc.creator>
1.23 + <meta content=W3C name=dc.publisher>
1.24 <meta content="http://dev.w3.org/csswg/css3-transforms/"
1.25 - name=dcterms.creator>
1.26 - <meta content=W3C name=dcterms.publisher>
1.27 - <meta content="http://dev.w3.org/csswg/css3-transforms/"
1.28 - name=dcterms.identifier>
1.29 + name=dc.identifier>
1.30 <link href="../default.css" rel=stylesheet type="text/css">
1.31 <script defer=defer
1.32 src="http://test.csswg.org/harness/annotate.js#CSS3-TRANSFORMS_DEV"
1.33 @@ -37,14 +40,14 @@
1.34
1.35 <h1>CSS Transforms</h1>
1.36
1.37 - <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 12 March 2013</h2>
1.38 + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 25 March 2013</h2>
1.39
1.40 <dl>
1.41 <dt>This version:
1.42
1.43 <dd> <a
1.44 href="http://dev.w3.org/csswg/css3-transforms/">http://dev.w3.org/csswg/css3-transforms/</a>
1.45 - <!--http://www.w3.org/TR/2013/WD-css3-transforms-20130312/-->
1.46 + <!--http://www.w3.org/TR/2013/WD-css3-transforms-20130325/-->
1.47
1.48 <dt>Latest version:
1.49
1.50 @@ -1387,14 +1390,13 @@
1.51 <tr>
1.52 <td> <em>Value:</em>
1.53
1.54 - <td> [ <percentage> | <length> | left | center | right | top |
1.55 - bottom]<br>
1.56 + <td> [ left | center | right | top | bottom |
1.57 + <var><percentage></var> | <var><length></var> ]<br>
1.58 |<br>
1.59 - [<br>
1.60 - [ <percentage> | <length> | left | center | right ]<br>
1.61 - &&<br>
1.62 - [ <percentage> | <length> | top | center | bottom ]<br>
1.63 - ] <length>?<br>
1.64 + [ left | center | right | <var><percentage></var> |
1.65 + <var><length></var> ]<br>
1.66 + [ top | center | bottom | <var><percentage></var> |
1.67 + <var><length></var> ] <var><length></var>?
1.68
1.69 <tr>
1.70 <td> <em>Initial:</em>
1.71 @@ -1480,30 +1482,35 @@
1.72 and vertical offset represent an offset from the point of origin of the
1.73 element's local coordinate space.
1.74
1.75 - <dt><dfn id=top title="''top''!!'transform-origin' value">‘<code
1.76 + <dt><dfn id=lsquotoprsquo
1.77 + title="''top''!!'transform-origin' value">‘<code
1.78 class=css>top</code>’</dfn>
1.79
1.80 <dd>Computes to ‘<code class=css>0%</code>’ for the vertical position.
1.81
1.82 - <dt><dfn id=right title="''right''!!'transform-origin' value">‘<code
1.83 + <dt><dfn id=lsquorightrsquo
1.84 + title="''right''!!'transform-origin' value">‘<code
1.85 class=css>right</code>’</dfn>
1.86
1.87 <dd>Computes to ‘<code class=css>100%</code>’ for the horizontal
1.88 position.
1.89
1.90 - <dt><dfn id=bottom title="''bottom''!!'transform-origin' value">‘<code
1.91 + <dt><dfn id=lsquobottomrsquo
1.92 + title="''bottom''!!'transform-origin' value">‘<code
1.93 class=css>bottom</code>’</dfn>
1.94
1.95 <dd>Computes to ‘<code class=css>100%</code>’ for the vertical
1.96 position.
1.97
1.98 - <dt><dfn id=left title="''left''!!'transform-origin' value">‘<code
1.99 + <dt><dfn id=lsquoleftrsquo
1.100 + title="''left''!!'transform-origin' value">‘<code
1.101 class=css>left</code>’</dfn>
1.102
1.103 <dd>Computes to ‘<code class=css>0%</code>’ for the horizontal
1.104 position.
1.105
1.106 - <dt><dfn id=center title="''center''!!'transform-origin' value">‘<code
1.107 + <dt><dfn id=lsquocenterrsquo
1.108 + title="''center''!!'transform-origin' value">‘<code
1.109 class=css>center</code>’</dfn>
1.110
1.111 <dd>Computes to ‘<code class=css>50%</code>’ (‘<code class=css>left
1.112 @@ -1693,14 +1700,13 @@
1.113 <tr>
1.114 <td> <em>Value:</em>
1.115
1.116 - <td> [ <percentage> | <length> | left | center | right | top |
1.117 - bottom]<br>
1.118 + <td> [ left | center | right | top | bottom |
1.119 + <var><percentage></var> | <var><length></var> ]<br>
1.120 |<br>
1.121 - [<br>
1.122 - [ <percentage> | <length> | left | center | right ]<br>
1.123 - &&<br>
1.124 - [ <percentage> | <length> | top | center | bottom ]<br>
1.125 - ]<br>
1.126 + [ left | center | right | <var><percentage></var> |
1.127 + <var><length></var> ]<br>
1.128 + [ top | center | bottom | <var><percentage></var> |
1.129 + <var><length></var> ]
1.130
1.131 <tr>
1.132 <td> <em>Initial:</em>
1.133 @@ -1780,31 +1786,34 @@
1.134 horizontal and vertical offset represent an offset from the top left
1.135 corner of the <a href="#bounding-box"><var>bounding box</var></a>.
1.136
1.137 - <dt><dfn id=top0 title="''top''!!'perspective-origin' value">‘<code
1.138 + <dt><dfn id=lsquotoprsquo0
1.139 + title="''top''!!'perspective-origin' value">‘<code
1.140 class=css>top</code>’</dfn>
1.141
1.142 <dd>Computes to ‘<code class=css>0%</code>’ for the vertical position.
1.143
1.144 - <dt><dfn id=right0 title="''right''!!'perspective-origin' value">‘<code
1.145 + <dt><dfn id=lsquorightrsquo0
1.146 + title="''right''!!'perspective-origin' value">‘<code
1.147 class=css>right</code>’</dfn>
1.148
1.149 <dd>Computes to ‘<code class=css>100%</code>’ for the horizontal
1.150 position.
1.151
1.152 - <dt><dfn id=bottom0
1.153 + <dt><dfn id=lsquobottomrsquo0
1.154 title="''bottom''!!'perspective-origin' value">‘<code
1.155 class=css>bottom</code>’</dfn>
1.156
1.157 <dd>Computes to ‘<code class=css>100%</code>’ for the vertical
1.158 position.
1.159
1.160 - <dt><dfn id=left0 title="''left''!!'perspective-origin' value">‘<code
1.161 + <dt><dfn id=lsquoleftrsquo0
1.162 + title="''left''!!'perspective-origin' value">‘<code
1.163 class=css>left</code>’</dfn>
1.164
1.165 <dd>Computes to ‘<code class=css>0%</code>’ for the horizontal
1.166 position.
1.167
1.168 - <dt><dfn id=center0
1.169 + <dt><dfn id=lsquocenterrsquo0
1.170 title="''center''!!'perspective-origin' value">‘<code
1.171 class=css>center</code>’</dfn>
1.172
1.173 @@ -3620,10 +3629,10 @@
1.174 <tr>
1.175 <th><a class=property href="#perspective-origin">perspective-origin</a>
1.176
1.177 - <td>[ <percentage> | <length> | left | center | right | top |
1.178 - bottom] | [ [ <percentage> | <length> | left | center |
1.179 - right ] && [ <percentage> | <length> | top |
1.180 - center | bottom ] ]
1.181 + <td> [ left | center | right | top | bottom | <percentage> |
1.182 + <length> ] | [ left | center | right | <percentage> |
1.183 + <length> ] [ top | center | bottom | <percentage> |
1.184 + <length> ]
1.185
1.186 <td>50% 50%
1.187
1.188 @@ -3653,10 +3662,10 @@
1.189 <tr>
1.190 <th><a class=property href="#transform-origin">transform-origin</a>
1.191
1.192 - <td>[ <percentage> | <length> | left | center | right | top |
1.193 - bottom] | [ [ <percentage> | <length> | left | center |
1.194 - right ] && [ <percentage> | <length> | top |
1.195 - center | bottom ] ] <length>?
1.196 + <td> [ left | center | right | top | bottom | <percentage> |
1.197 + <length> ] | [ left | center | right | <percentage> |
1.198 + <length> ] [ top | center | bottom | <percentage> |
1.199 + <length> ] <length>?
1.200
1.201 <td>50% 50%
1.202
1.203 @@ -3702,28 +3711,24 @@
1.204 <li>backface-visibility, <a href="#backface-visibility"
1.205 title="section 12."><strong>12.</strong></a>
1.206
1.207 - <li>‘<code class=css>bottom</code>’
1.208 + <li>''bottom''
1.209 <ul>
1.210 - <li>‘<a href="#perspective-origin"><code
1.211 - class=property>perspective-origin</code></a>’ value, <a
1.212 - href="#bottom0" title="section 11."><strong>11.</strong></a>
1.213 -
1.214 - <li>‘<a href="#transform-origin"><code
1.215 - class=property>transform-origin</code></a>’ value, <a href="#bottom"
1.216 + <li>'perspective-origin' value, <a href="#lsquobottomrsquo0"
1.217 + title="section 11."><strong>11.</strong></a>
1.218 +
1.219 + <li>'transform-origin' value, <a href="#lsquobottomrsquo"
1.220 title="section 8."><strong>8.</strong></a>
1.221 </ul>
1.222
1.223 <li>bounding box, <a href="#bounding-box"
1.224 title="section 4."><strong>4.</strong></a>
1.225
1.226 - <li>‘<code class=css>center</code>’
1.227 + <li>''center''
1.228 <ul>
1.229 - <li>‘<a href="#perspective-origin"><code
1.230 - class=property>perspective-origin</code></a>’ value, <a
1.231 - href="#center0" title="section 11."><strong>11.</strong></a>
1.232 -
1.233 - <li>‘<a href="#transform-origin"><code
1.234 - class=property>transform-origin</code></a>’ value, <a href="#center"
1.235 + <li>'perspective-origin' value, <a href="#lsquocenterrsquo0"
1.236 + title="section 11."><strong>11.</strong></a>
1.237 +
1.238 + <li>'transform-origin' value, <a href="#lsquocenterrsquo"
1.239 title="section 8."><strong>8.</strong></a>
1.240 </ul>
1.241
1.242 @@ -3734,14 +3739,12 @@
1.243 <li>identity transform function, <a href="#identity-transform-function"
1.244 title="section 4."><strong>4.</strong></a>
1.245
1.246 - <li>‘<code class=css>left</code>’
1.247 + <li>''left''
1.248 <ul>
1.249 - <li>‘<a href="#perspective-origin"><code
1.250 - class=property>perspective-origin</code></a>’ value, <a href="#left0"
1.251 + <li>'perspective-origin' value, <a href="#lsquoleftrsquo0"
1.252 title="section 11."><strong>11.</strong></a>
1.253
1.254 - <li>‘<a href="#transform-origin"><code
1.255 - class=property>transform-origin</code></a>’ value, <a href="#left"
1.256 + <li>'transform-origin' value, <a href="#lsquoleftrsquo"
1.257 title="section 8."><strong>8.</strong></a>
1.258 </ul>
1.259
1.260 @@ -3760,14 +3763,12 @@
1.261 <li>renderer, <a href="#renderer"
1.262 title="section 22."><strong>22.</strong></a>
1.263
1.264 - <li>‘<code class=css>right</code>’
1.265 + <li>''right''
1.266 <ul>
1.267 - <li>‘<a href="#perspective-origin"><code
1.268 - class=property>perspective-origin</code></a>’ value, <a
1.269 - href="#right0" title="section 11."><strong>11.</strong></a>
1.270 -
1.271 - <li>‘<a href="#transform-origin"><code
1.272 - class=property>transform-origin</code></a>’ value, <a href="#right"
1.273 + <li>'perspective-origin' value, <a href="#lsquorightrsquo0"
1.274 + title="section 11."><strong>11.</strong></a>
1.275 +
1.276 + <li>'transform-origin' value, <a href="#lsquorightrsquo"
1.277 title="section 8."><strong>8.</strong></a>
1.278 </ul>
1.279
1.280 @@ -3777,14 +3778,12 @@
1.281 title="section 22."><strong>22.</strong></a>
1.282 </ul>
1.283
1.284 - <li>‘<code class=css>top</code>’
1.285 + <li>''top''
1.286 <ul>
1.287 - <li>‘<a href="#perspective-origin"><code
1.288 - class=property>perspective-origin</code></a>’ value, <a href="#top0"
1.289 + <li>'perspective-origin' value, <a href="#lsquotoprsquo0"
1.290 title="section 11."><strong>11.</strong></a>
1.291
1.292 - <li>‘<a href="#transform-origin"><code
1.293 - class=property>transform-origin</code></a>’ value, <a href="#top"
1.294 + <li>'transform-origin' value, <a href="#lsquotoprsquo"
1.295 title="section 8."><strong>8.</strong></a>
1.296 </ul>
1.297
