LayoutTests/displaylists/extent-includes-transforms.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5     <style>
   6         #target {
   7             height: 200px;
   8             width: 200px;
   9             -webkit-transform: translateZ(0);
  10         }
  11
  12         .transformed {
  13             transform: rotate(30deg);
  14             margin: 50px;
  15         }
  16
  17         .box {
  18             width: 100px;
  19             height: 100px;
  20             background-color: blue;
  21             box-shadow: 10px 20px 12px black;
  22         }
  23     </style>
  24     <script src="resources/dump-target-display-list.js"></script>
  25 </head>
  26 <body>
  27 <div id="target">
  28     <div class="transformed">
  29         <div class="box"></div>
  30     </div>
  31 </div>
  32 <pre id="output"></pre>
  33 </body>
  34 </html>