[CSS Blending] Refactor -webkit-blend-mode to -webkit-mix-blend-mode
[WebKit-https.git] / LayoutTests / css3 / compositing / blend-mode-parent-of-composited-blended-has-layer.html
1 <!DOCTYPE HTML>
2 <!-- Test if the parent of a composited layer with mix-blend-mode is promoted. -->
3
4 <style>
5     div {
6         width: 100px;
7         height: 100px;
8     }
9     .blender {
10         -webkit-mix-blend-mode: difference;
11         -webkit-transform: translateZ(0);
12         margin: 10px;
13     }
14 </style>
15
16 <div><div class="blender"></div></div>
17 <pre id="layerTree"></pre>
18 <script>
19     if (window.testRunner)
20         window.testRunner.dumpAsText();
21
22     var text = document.getElementById("layerTree");
23     text.innerHTML = window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);
24 </script>