| Index: LayoutTests/css3/compositing/effect-background-blend-mode.html
|
| diff --git a/LayoutTests/css3/compositing/effect-background-blend-mode.html b/LayoutTests/css3/compositing/effect-background-blend-mode.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..9c8b5d3921e8284159846b52e63c28595fa014a9
|
| --- /dev/null
|
| +++ b/LayoutTests/css3/compositing/effect-background-blend-mode.html
|
| @@ -0,0 +1,39 @@
|
| +<!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%, #ff0000 50%, #ffff00 75%, #00ff00 100%);
|
| + 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: green">
|
| +<ul>
|
| +<li style="background-blend-mode: normal, normal"></li>
|
| +<li style="background-blend-mode: multiply, normal"></li>
|
| +<li style="background-blend-mode: screen, normal"></li>
|
| +<li style="background-blend-mode: overlay, normal; opacity:.9"></li>
|
| +<li style="background-blend-mode: darken, normal"></li>
|
| +<li style="background-blend-mode: lighten, normal"></li>
|
| +<li style="background-blend-mode: color-dodge, normal"></li>
|
| +<li style="background-blend-mode: color-burn, normal"></li>
|
| +<li style="background-blend-mode: hard-light, normal"></li>
|
| +<li style="background-blend-mode: soft-light, normal"></li>
|
| +<li style="background-blend-mode: difference, normal"></li>
|
| +<li style="background-blend-mode: exclusion, normal"></li>
|
| +<li style="background-blend-mode: hue, normal;"></li>
|
| +<li style="background-blend-mode: saturation, normal"></li>
|
| +<li style="background-blend-mode: color, normal"></li>
|
| +<li style="background-blend-mode: luminosity, normal"></li>
|
| +</ul>
|
| +</body>
|
| +
|
|
|