| Index: LayoutTests/css3/compositing/effect-background-blend-mode-stacking.html
|
| diff --git a/LayoutTests/css3/compositing/effect-background-blend-mode-stacking.html b/LayoutTests/css3/compositing/effect-background-blend-mode-stacking.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..c2e1df7f6ac0b5965e5de95af6bec1db234b5b87
|
| --- /dev/null
|
| +++ b/LayoutTests/css3/compositing/effect-background-blend-mode-stacking.html
|
| @@ -0,0 +1,29 @@
|
| +<!DOCTYPE HTML>
|
| +<script>
|
| + if (window.testRunner)
|
| + window.testRunner.dumpAsText(true);
|
| +</script>
|
| +<style>
|
| +
|
| +li
|
| +{
|
| + margin: 5px;
|
| + width: 130px;
|
| + height: 130px;
|
| + background: url("resources/ducky.png") no-repeat 0 0 /100% 100%, linear-gradient(to right, #00ffff 0%, rgba(0,0,255,0) 24%, rgba(1,0,0,0) 50%, #ffff00 75%, #00ff00 100%);
|
| + background-blend-mode: exclusion, normal;
|
| + display: block;
|
| + float: left;
|
| +}
|
| +</style>
|
| +<!-- this file should contain a duck on top of a gradient with every type of blending -->
|
| +<body style="background-color: red">
|
| +<ul>
|
| +<li style=""></li>
|
| +<li style="opacity: .9"></li>
|
| +<li style="-webkit-transform: scale(1.01, 1.01)"></li>
|
| +<li style="-webkit-transform: translate3d(1px, 1px, 1px)"></li>
|
| +<li style="-webkit-box-reflect:below 5px linear-gradient(to bottom, transparent 0%, transparent 50%, white 100%);"></li>
|
| +<li style="position: fixed; top: 160px;"></li>
|
| +</ul>
|
| +</body>
|
|
|
Chromium Code Reviews
Issue 14208013:
Addding support for -webkit-background-blend-mode to blink. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master