| Index: LayoutTests/css3/compositing/background-blend-mode-image-svg.html
|
| diff --git a/LayoutTests/css3/compositing/background-blend-mode-image-svg.html b/LayoutTests/css3/compositing/background-blend-mode-image-svg.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..00c96688005db28e0adbaeb0cf4e9f20370b8313
|
| --- /dev/null
|
| +++ b/LayoutTests/css3/compositing/background-blend-mode-image-svg.html
|
| @@ -0,0 +1,32 @@
|
| +<!DOCTYPE HTML>
|
| +<html>
|
| +<head>
|
| +<style>
|
| + div {
|
| + margin: 5px;
|
| + width: 130px;
|
| + height: 130px;
|
| + background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, url('resources/red-circle.svg');
|
| + float: left;
|
| + }
|
| +</style>
|
| +<!-- This file should contain a duck on top of an svg with every type of blending. -->
|
| +<body>
|
| + <div style="background-blend-mode: normal, normal"></div>
|
| + <div style="background-blend-mode: multiply, normal"></div>
|
| + <div style="background-blend-mode: screen, normal"></div>
|
| + <div style="background-blend-mode: overlay, normal"></div>
|
| + <div style="background-blend-mode: darken, normal"></div>
|
| + <div style="background-blend-mode: lighten, normal"></div>
|
| + <div style="background-blend-mode: color-dodge, normal"></div>
|
| + <div style="background-blend-mode: color-burn, normal"></div>
|
| + <div style="background-blend-mode: hard-light, normal"></div>
|
| + <div style="background-blend-mode: soft-light, normal"></div>
|
| + <div style="background-blend-mode: difference, normal"></div>
|
| + <div style="background-blend-mode: exclusion, normal"></div>
|
| + <div style="background-blend-mode: hue, normal;"></div>
|
| + <div style="background-blend-mode: saturation, normal"></div>
|
| + <div style="background-blend-mode: color, normal"></div>
|
| + <div style="background-blend-mode: luminosity, normal"></div>
|
| +</body>
|
| +
|
|
|