Move parseFontFaceDescriptor to CSSPropertyParser.cpp
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / compositing / squashing / opacity-squashed-owner.html
blob98e435ce363abb18feddc0aeccf58a8ea4996fc6
1 <!DOCTYPE html>
2 <style>
3 .set {
4 position: absolute;
5 top: 8px;
7 .box {
8 height: 100px;
9 width: 100px;
10 background-color: lightblue;
12 .squashed {
13 height: 40px;
14 width: 40px;
15 background-color: lightgreen;
16 position: absolute;
17 left: 16px;
19 .composited {
20 transform: translateZ(0px);
22 .opaque {
23 opacity: 0.5;
25 </style>
26 <!-- This test checks that setting the opacity of the owner of a squashed layer only affects that layer, and not the squashed layers. -->
28 <!-- This div will be the "owner" of the squashing layer -->
29 <div id="target" class="composited box"></div>
30 <!-- These divs will be squashed into a layer containing them and the owner -->
31 <div class="squashed" style="top: 4px"></div>
32 <div class="squashed" style="top: 54px"></div>
33 <pre id="layers">Layer tree goes here in DRT</pre>
34 <script>
35 if (window.testRunner)
36 testRunner.dumpAsText();
38 document.getElementById("target").classList.add("opaque");
40 var layersResult = document.getElementById('layers');
41 if (window.testRunner)
42 layersResult.innerText = window.internals.layerTreeAsText(document);
43 </script>