Move parseFontFaceDescriptor to CSSPropertyParser.cpp
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / compositing / layer-creation / no-compositing-for-preserve-3d.html
blob61e7c099bfa6b55007dbf4e183c48bb0019996a2
1 <!DOCTYPE html>
3 <html>
4 <head>
5 <style>
6 .box {
7 position: relative;
8 height: 100px;
9 width: 100px;
10 margin: 10px;
11 left: 0;
12 top: 0;
13 background-color: silver;
16 .preserve3d {
17 width: 300px;
18 border: 1px solid black;
19 padding: 20px;
20 margin: 10px;
21 -webkit-transform-style: preserve-3d;
23 </style>
25 <script>
26 if (window.testRunner)
27 testRunner.dumpAsText();
29 function dumpLayers()
31 var layersResult = document.getElementById('layers');
32 if (window.testRunner)
33 layersResult.innerText = window.internals.layerTreeAsText(document);
36 window.addEventListener('load', dumpLayers, false)
37 </script>
39 </head>
40 <body>
42 <div class="preserve3d">
43 This layer should not be composited.
44 <div class="box"></div>
45 </div>
46 </div>
48 <div class="preserve3d">
49 This layer should not be composited.
50 <div class="box" style="transform: rotate(10deg)"></div>
51 </div>
52 </div>
54 <div class="preserve3d">
55 This layer should be composited.
56 <div class="box" style="transform: rotateY(10deg)"></div>
57 </div>
58 <pre id="layers">Layer tree goes here in DRT</pre>
60 </body>
61 </html>