perspective-origin-2-ref.html 539 B

1234567891011121314151617181920212223242526272829303132
  1. <html>
  2. </head>
  3. <style type="text/css">
  4. .stage{
  5. -moz-perspective: 100px;
  6. -moz-perspective-origin: 30px 30px;
  7. height:100px;
  8. width:100px;
  9. margin:5px;
  10. padding:5px;
  11. border:5px solid gray;
  12. }
  13. .box {
  14. -moz-transform:rotateX(45deg);
  15. height:70px;
  16. width:70px;
  17. background:green;
  18. margin:5px;
  19. padding:5px;
  20. border:5px solid black;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="stage">
  26. <div class="box"></div>
  27. </div>
  28. </body>
  29. </html>