Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / compositing / squashing / squash-simple.html
blobf5ef8533ecf839b90da3ab6b954b738d784356c3
1 <!DOCTYPE html>
2 <head>
3 <style>
4 .composited {
5 transform: translatez(0);
8 .box {
9 width: 100px;
10 height: 100px;
13 .behind {
14 position: absolute;
15 z-index: 1;
16 top: 100px;
17 left: 100px;
18 background-color: blue;
21 .middle {
22 position: absolute;
23 z-index: 1;
24 top: 20px;
25 left: 20px;
26 background-color: lime;
29 .top {
30 position: absolute;
31 z-index: 1;
32 top: 180px;
33 left: 180px;
34 background-color: cyan;
37 div:hover {
38 background-color: green;
41 </style>
42 <script>
43 if (window.testRunner)
44 testRunner.dumpAsText();
46 function runTest()
48 if (!window.internals) {
49 alert('This test requires window.internals')
50 return;
53 document.body.textContent = window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);
54 document.body.style.whiteSpace = 'pre';
56 </script>
57 </head>
58 <body onload="runTest()">
59 <div class="composited box behind"></div>
60 <div class="box middle"></div>
61 <div class="box top"></div>
62 </body>