|
1 <html> |
|
2 <head> |
|
3 <style type="text/css"> |
|
4 div.test |
|
5 { |
|
6 background-color: gold; |
|
7 width:200px; |
|
8 height:100px; |
|
9 border: 1px solid black; |
|
10 } |
|
11 div |
|
12 { |
|
13 -moz-transform-origin: top left; |
|
14 } |
|
15 </style> |
|
16 </head> |
|
17 <body> |
|
18 <div style="position:relative; left:400px; top:200px;"> |
|
19 <div style="-moz-transform: skew(15deg);"> |
|
20 <div style="-moz-transform: rotate(90deg);"> |
|
21 <div style="-moz-transform: scale(2);"> |
|
22 <div style="-moz-transform: translate(100px);"> |
|
23 <div class="test"> |
|
24 </div> |
|
25 </div> |
|
26 </div> |
|
27 </div> |
|
28 </div> |
|
29 </div> |
|
30 </body> |
|
31 </html> |