Chromium Code Reviews Chromium Code Reviews
Issue 23503046:
[CSS Blending] Implement mix-blend-mode in software. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| 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..134c5d53c33741b3346291708a6291d32cb3a9fb |
| --- /dev/null |
| +++ b/LayoutTests/fast/repaint/mix-blend-mode-separate-stacking-context.html |
| @@ -0,0 +1,31 @@ |
| +<!DOCTYPE HTML> |
| +<html> |
| +<head> |
| +<style> |
| + div { |
| + margin: 20px; |
| + width: 130px; |
| + height: 130px; |
| + 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> |
|
Julien - ping for review
2013/10/03 21:38:28
I don't understand this test: mix-blend-mode has a
mitica
2013/10/07 10:56:03
This was incorrectly uploaded, sorry for the mista
|
| + </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> |
| + |
| + <script> |
| + function repaintTest() { |
| + document.getElementById('first').style.mixBlendMode = "multiply"; |
| + document.getElementById('second').style.mixBlendMode = "normal"; |
| + document.getElementById('third').style.mixBlendMode = "multiply"; |
| + } |
| + </script> |
| +</body> |
