| Index: LayoutTests/css3/compositing/mix-blend-mode-has-ancestor-clipping-layer.html
|
| diff --git a/LayoutTests/css3/compositing/mix-blend-mode-has-ancestor-clipping-layer.html b/LayoutTests/css3/compositing/mix-blend-mode-has-ancestor-clipping-layer.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..cb84f2931dbd2014474276841bdd5c5e1cdc091f
|
| --- /dev/null
|
| +++ b/LayoutTests/css3/compositing/mix-blend-mode-has-ancestor-clipping-layer.html
|
| @@ -0,0 +1,34 @@
|
| +<!DOCTYPE HTML>
|
| +<html>
|
| +<head>
|
| +<style>
|
| + .content > div {
|
| + float: left;
|
| + margin: 10px;
|
| + }
|
| + .clipper {
|
| + width: 100px;
|
| + height: 100px;
|
| + overflow: hidden;
|
| + }
|
| + .blended {
|
| + mix-blend-mode: multiply;
|
| + }
|
| + .accelerated {
|
| + -webkit-transform: rotateX(0deg);
|
| + }
|
| +</style>
|
| +</head>
|
| +<body>
|
| + <p>Test that mix-blend-mode multiply works for layers that are clipped with overflow hidden.</p>
|
| + <p>This test passes if you can see two black squares.</p>
|
| + <div class="content">
|
| + <div class="clipper" style="background-color: green">
|
| + <div class="accelerated blended" style="width: 300px; height: 300px; background-color: red;"></div>
|
| + </div>
|
| + <div class="accelerated clipper" style="background-color: green">
|
| + <div class="accelerated blended" style="width: 300px; height: 300px; background-color: red;"></div>
|
| + </div>
|
| + </div>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 23511004:
mix-blend-mode implementation for accelerated layers - blink part (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master