Tools:
[WebKit-https.git] / 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>