mozilla

Compare Revisions

transform-origin

Change Revisions

Revision 21995:

Revision 21995 by myakura on

Revision 21996:

Revision 21996 by myakura on

Title:
transform-origin
transform-origin
Slug:
CSS/transform-origin
CSS/transform-origin
Tags:
css, "CSS Reference", "CSS:Mozilla Extensions", "CSS Transforms"
css, "CSS Reference", "CSS:Mozilla Extensions", "CSS Transforms"
Content:

Revision 21995
Revision 21996
nn135          <td>
136            <div style="background:black;width:3em;height:2em; -m
 >oz-transform:none; -webkit-transform:none; -ms-transform:none; -o
 >-transform:none; transform:none;">
137              &nbsp;
138            </div>
135          <td></td>139          </td>
nn145          <td>
146            <div style="background:gold;width:3em;height:2em; -mo
 >z-transform:rotate(30deg); -webkit-transform:rotate(30deg); -ms-t
 >ransform:rotate(30deg); -o-transform:rotate(30deg); transform:rot
 >ate(30deg);">
147              &nbsp;
148            </div>
141          <td></td>149          </td>
nn156          <td>
157            <div style="background:gold;width:3em;height:2em; -mo
 >z-transform:rotate(30deg);-moz-transform-origin:0 0; -webkit-tran
 >sform:rotate(30deg);-webkit-transform-origin:0 0; -ms-transform:r
 >otate(30deg);-ms-transform-origin:0 0; -o-transform:rotate(30deg)
 >;-o-transform-origin:0 0; transform:rotate(30deg);transform-origi
 >n:0 0;">
158              &nbsp;
159            </div>
148          <td></td>160          </td>
nn167          <td>
168            <div style="background:gold;width:3em;height:2em; -mo
 >z-transform:rotate(30deg);-moz-transform-origin:100% 100%; -webki
 >t-transform:rotate(30deg);-webkit-transform-origin:100% 100%; -ms
 >-transform:rotate(30deg);-ms-transform-origin:100% 100%; -o-trans
 >form:rotate(30deg);-o-transform-origin:100% 100%; transform:rotat
 >e(30deg);transform-origin:100% 100%;">
169              &nbsp;
170            </div>
155          <td></td>171          </td>
nn178          <td>
179            <div style="background:gold;width:3em;height:2em; -mo
 >z-transform: rotate(30deg);-moz-transform-origin:-10em -30em; -we
 >bkit-transform: rotate(30deg);-webkit-transform-origin:-10em -30e
 >m; -ms-transform: rotate(30deg);-ms-transform-origin:-10em -30em;
 > -o-transform: rotate(30deg);-o-transform-origin:-10em -30em; tra
 >nsform: rotate(30deg);transform-origin:-10em -30em;">
180              &nbsp;
181            </div>
162          <td></td>182          </td>
nn188          <td>
189            <div style="background:coral;width:3em;height:2em; -m
 >oz-transform:scale(1.9); -webkit-transform:scale(1.9); -ms-transf
 >orm:scale(1.9); -o-transform:scale(1.9); transform:scale(1.9);">
190              &nbsp;
191            </div>
168          <td></td>192          </td>
nn199          <td>
200            <div style="background:coral;width:3em;height:2em; -m
 >oz-transform:scale(1.9);-moz-transform-origin:0 0; -webkit-transf
 >orm:scale(1.9);-webkit-transform-origin:0 0; -ms-transform:scale(
 >1.9);-ms-transform-origin:0 0; -o-transform:scale(1.9);-o-transfo
 >rm-origin:0 0; transform:scale(1.9);transform-origin:0 0;">
201              &nbsp;
202            </div>
175          <td></td>203          </td>
nn210          <td>
211            <div style="background:coral;width:3em;height:2em; -m
 >oz-transform:scale(1.9);-moz-transform-origin:100% -30%; -webkit-
 >transform:scale(1.9);-webkit-transform-origin:100% -30%;">
212              &nbsp;
213            </div>
182          <td></td>214          </td>
nn220          <td>
221            <div style="background:olive;width:3em;height:2em; -m
 >oz-transform:skew(50deg); -webkit-transform:skew(50deg); -ms-tran
 >sform:skew(50deg); -o-transform:skew(50deg); transform:skew(50deg
 >);">
222              &nbsp;
223            </div>
188          <td></td>224          </td>
nn231          <td>
232            <div style="background:olive;width:3em;height:2em; -m
 >oz-transform:skew(50deg);-moz-transform-origin:0 0; -webkit-trans
 >form:skew(50deg);-webkit-transform-origin:0 0; -ms-transform:skew
 >(50deg);-ms-transform-origin:0 0; -o-transform:skew(50deg);-o-tra
 >nsform-origin:0 0; transform:skew(50deg);transform-origin:0 0;">
233              &nbsp;
234            </div>
195          <td></td>235          </td>
tt242          <td>
243            <div style="background:olive;width:3em;height:2em; -m
 >oz-transform:skew(50deg);-moz-transform-origin:100% 100%; -webkit
 >-transform:skew(50deg);-webkit-transform-origin:100% 100%; -ms-tr
 >ansform:skew(50deg);-ms-transform-origin:100% 100%; -o-transform:
 >skew(50deg);-o-transform-origin:100% 100%; transform:skew(50deg);
 >transform-origin:100% 100%;">
244              &nbsp;
245            </div>
202          <td></td>246          </td>

Back to History