| Index: third_party/WebKit/LayoutTests/compositing/layer-creation/examples.html
|
| diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/examples.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/examples.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..ed4720e687536bafa189cf09348bce1ac6aa0769
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/examples.html
|
| @@ -0,0 +1,25 @@
|
| +<!doctype HTML>
|
| +
|
| +<div id="layer1-firstlayer" style="position: relative; width: 100px; height: 100px; background: lightblue"></div>
|
| +
|
| +<div id="layer2-willchange" style="position: relative; width: 100px; height: 100px; background: lightgray; will-change: transform"></div>
|
| +
|
| +<div id="merged-with-layer1" style="position: relative; width: 100px; height: 100px; background: lightblue"></div>
|
| +
|
| +<div id="layer3-overlaps-layer2" style="position: absolute; top: 50px; left: 50px; width: 100px; height: 100px; background: lightgreen"></div>
|
| +
|
| +<div id="layer4-3dtransform" style="position: relative; width: 100px; height: 100px; background: yellow; transform: translateZ(0)"></div>
|
| +
|
| +<div id="merged-with-layer1-second" style="position: relative; width: 100px; height: 100px; background: lightblue"></div>
|
| +
|
| +
|
| +<pre id=output>
|
| +</pre>
|
| +<script>
|
| +if (window.internals)
|
| + output.innerText =
|
| + window.internals.layerTreeAsText(document);
|
| +
|
| +if (window.testRunner)
|
| + window.testRunner.dumpAsText();
|
| +</script>
|
|
|