third_party/WebKit/LayoutTests/compositing/perspective-origin-with-scrollbars.html

   1 <!DOCTYPE html>
   2
   3 <!--
   4     The perspective origin should be positioned in the container's border box,
   5     regardless of the presence of scrollbars.
   6 -->
   7
   8 <style>
   9 .container {
  10     background-color: green;
  11     border: 10px solid black;
  12     overflow: scroll;
  13     position: relative;
  14     width: 100px;
  15     height: 100px;
  16     margin: 10px 0;
  17     perspective: 500px;
  18 }
  19 .transformed {
  20     background-color: blue;
  21     width: 50px;
  22     height: 50px;
  23     transform: translateZ(-1000px);
  24 }
  25 </style>
  26
  27 <div class="container">
  28     <div class="transformed"></div>
  29 </div>
  30
  31 <!-- This blue box should be smaller because it should be obscured by the border. -->
  32 <div class="container" style="perspective-origin: 0 0">
  33     <div class="transformed"></div>
  34 </div>
  35
  36 <div class="container" style="perspective-origin: 60% 40px">
  37     <div class="transformed"></div>
  38 </div>