Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(170)

Side by Side Diff: LayoutTests/css3/compositing/mix-blend-mode-isolation-layer.html

Issue 23511004: mix-blend-mode implementation for accelerated layers - blink part (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: removed a failing reftest dependent on render-compositor bindings Created 7 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <html>
2 <head>
3 <script>
4 if (window.testRunner) {
5 testRunner.dumpAsText();
6 window.addEventListener('load', function () {
7 document.getElementById('layers').textContent = window.internals.layerTreeA sText(document);
8 document.getElementById('test').style.display = 'none';
9 }, false);
10 }
11 </script>
12 <style>
13 .stacking-context {
14 position: absolute;
15 z-index: -1;
16 }
17 .accelerated {
18 -webkit-transform: rotateX(0deg);
19 }
20 .blended {
21 mix-blend-mode: multiply;
22 }
23 </style>
24 </head>
25 <body>
26 <div id="test">
27 <!--This test makes sure that in the layer tree img has blending property
28 set to multiply and its parent element gets accelerated and
29 has isolated set to true-->
30 <div class="stacking-context" style="background-color: green">
31 <img class="accelerated blended" src="resources/reference.png">
32 </div>
33 </div>
34 <pre id="layers">Layer tree goes here when testing.</pre>
35 </body>
36 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698