third_party/WebKit/LayoutTests/compositing/perspective-origin-overflow-hidden-expected.html

   1 <!DOCTYPE html>
   2
   3 <style>
   4 .container {
   5     background-color: green;
   6     border: 10px solid black;
   7     overflow: visible;
   8     position: relative;
   9     width: 100px;
  10     height: 100px;
  11     margin: 10px 0;
  12     perspective: 500px;
  13 }
  14 .transformed {
  15     background-color: blue;
  16     width: 50px;
  17     height: 50px;
  18     transform: translateZ(-1000px);
  19 }
  20 </style>
  21
  22 <div class="container">
  23     <div class="transformed"></div>
  24 </div>
  25
  26 <div class="container" style="perspective-origin: 60% 40px">
  27     <div class="transformed"></div>
  28 </div>