compound-1-ref.html 633 B

123456789101112131415161718192021222324252627282930313233343536
  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. body
  16. {
  17. overflow:hidden;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div style="position:relative; left:400px; top:200px;">
  23. <div style="-moz-transform: translate(100px);">
  24. <div style="-moz-transform: scale(2);">
  25. <div style="-moz-transform: rotate(90deg);">
  26. <div style="-moz-transform: skew(15deg);">
  27. <div class="test">
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. </body>
  35. </html>