Index: LayoutTests/css3/compositing/effect-background-blend-mode-tiled.html |
diff --git a/LayoutTests/css3/compositing/effect-background-blend-mode-tiled.html b/LayoutTests/css3/compositing/effect-background-blend-mode-tiled.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..11a1fea43cbea74cf721f68182396127ddbc49aa |
--- /dev/null |
+++ b/LayoutTests/css3/compositing/effect-background-blend-mode-tiled.html |
@@ -0,0 +1,42 @@ |
+<!DOCTYPE HTML> |
+<script> |
+ if (window.testRunner) { |
+ window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "0"); |
+ } |
+ if (window.testRunner) |
+ window.testRunner.dumpAsText(true); |
+</script> |
+<style> |
+ |
+li |
+{ |
+ margin: 5px; |
+ width: 130px; |
+ height: 130px; |
+ background: url("resources/ducky.png") 0 0 /50% 50%, linear-gradient(to right, #00ffff 0%, rgba(0,0,255,0) 24%, #ff0000 50%, #ffff00 75%, #00ff00 100%) 0 0 /100% 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> |
+ |