| Index: LayoutTests/fast/repaint/mix-blend-mode-separate-stacking-context.html
|
| diff --git a/LayoutTests/fast/repaint/mix-blend-mode-separate-stacking-context.html b/LayoutTests/fast/repaint/mix-blend-mode-separate-stacking-context.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..ad8766b87e6b63cb6eb4592e4ff53f4484598ce3
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/repaint/mix-blend-mode-separate-stacking-context.html
|
| @@ -0,0 +1,36 @@
|
| +<!DOCTYPE HTML>
|
| +<html>
|
| +<head>
|
| +<style>
|
| + div {
|
| + margin: 20px;
|
| + width: 60px;
|
| + height: 60px;
|
| + float: left;
|
| + }
|
| +</style>
|
| +<script src="resources/repaint.js" type="text/javascript"></script>
|
| +<body onload="runRepaintTest()">
|
| + <div style="background: green; position: relative; z-index: -1;">
|
| + <div id="first" style="mix-blend-mode: normal; background-color: blue;"></div>
|
| + </div>
|
| + <div style="background: green; position: relative; z-index: -1;">
|
| + <div id="second" style="mix-blend-mode: hue; background-color: blue;"></div>
|
| + </div>
|
| + <div style="background: green; position: relative; z-index: -1;">
|
| + <div id="third" style="mix-blend-mode: hue; background-color: blue;"></div>
|
| + </div>
|
| + <div id="fourth" style="background: green;">
|
| + <div style="mix-blend-mode: hue; background-color: blue;"></div>
|
| + </div>
|
| +
|
| + <script>
|
| + function repaintTest() {
|
| + document.getElementById('first').style.mixBlendMode = "multiply";
|
| + document.getElementById('second').style.mixBlendMode = "normal";
|
| + document.getElementById('third').style.mixBlendMode = "multiply";
|
| + document.getElementById('fourth').style.position = "relative";
|
| + document.getElementById('fourth').style.zIndex = -1;
|
| + }
|
| + </script>
|
| +</body>
|
|
|
Chromium Code Reviews
Issue 23503046:
[CSS Blending] Implement mix-blend-mode in software. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master