| Index: LayoutTests/css3/compositing/mix-blend-mode-simple-text.html
|
| diff --git a/LayoutTests/css3/compositing/mix-blend-mode-simple-text.html b/LayoutTests/css3/compositing/mix-blend-mode-simple-text.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..c6ecedb40c722a804bbdf42d01fc7c6080b98370
|
| --- /dev/null
|
| +++ b/LayoutTests/css3/compositing/mix-blend-mode-simple-text.html
|
| @@ -0,0 +1,65 @@
|
| +<!DOCTYPE HTML>
|
| +<html>
|
| +<head>
|
| +<style>
|
| + div {
|
| + margin: 20px;
|
| + width: 60px;
|
| + height: 60px;
|
| + color:#00ff00;
|
| + font: 100%/1 Ahem, monospace;
|
| + float: left;
|
| + }
|
| +</style>
|
| +<!-- Test blending of two simple elements with every blend mode. The topmost element's text should also blend. -->
|
| +<body>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: normal; background-color: blue;">X X</div>
|
| + </div>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: multiply; background-color: blue;">X X</div>
|
| + </div>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: screen; background-color: blue;">X X</div>
|
| + </div>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: overlay; background-color: blue;">X X</div>
|
| + </div>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: darken; background-color: blue;">X X</div>
|
| + </div>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: lighten; background-color: blue;">X X</div>
|
| + </div>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: color-dodge; background-color: blue;">X X</div>
|
| + </div>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: color-burn; background-color: blue;">X X</div>
|
| + </div>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: hard-light; background-color: blue;">X X</div>
|
| + </div>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: soft-light; background-color: blue;">X X</div>
|
| + </div>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: difference; background-color: blue;">X X</div>
|
| + </div>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: exclusion; background-color: blue;">X X</div>
|
| + </div>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: hue; background-color: blue;">X X</div>
|
| + </div>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: saturation; background-color: blue;">X X</div>
|
| + </div>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: color; background-color: blue;">X X</div>
|
| + </div>
|
| + <div style="background: green">
|
| + <div style="mix-blend-mode: luminosity; background-color: blue;">X X</div>
|
| + </div>
|
| +</body>
|
| +</html>
|
|
|