Index: LayoutTests/css3/compositing/background-blend-mode-crossfade-image-gradient.html |
diff --git a/LayoutTests/css3/compositing/background-blend-mode-gradient-color.html b/LayoutTests/css3/compositing/background-blend-mode-crossfade-image-gradient.html |
similarity index 75% |
copy from LayoutTests/css3/compositing/background-blend-mode-gradient-color.html |
copy to LayoutTests/css3/compositing/background-blend-mode-crossfade-image-gradient.html |
index 74ea6cb560cdfe7e16126545e95ec3e4090702c3..8fb5138a63db54fb2d9a4f166d8ed8c7fdc3276a 100644 |
--- a/LayoutTests/css3/compositing/background-blend-mode-gradient-color.html |
+++ b/LayoutTests/css3/compositing/background-blend-mode-crossfade-image-gradient.html |
@@ -6,11 +6,12 @@ |
margin: 5px; |
width: 130px; |
height: 130px; |
- background: linear-gradient(to right, white 0%, gray 100%), green; |
+ background: -webkit-cross-fade(url('resources/ducky.png'), url('resources/blue-circle.svg'), 50%) no-repeat 0 0 /100% 100%, |
+ linear-gradient(to right, #00ffff 0%, rgba(0,0,255,0) 24%, #ff0000 50%, #ffff00 75%, #00ff00 100%) 0 0 /100% 100%; |
float: left; |
} |
</style> |
-<!-- This file should contain a gradient on top of a background color for every type of blending. --> |
+<!-- This file should contain a corss-faded image between a duck and a circle, on top of a linear gradient for every type of blending --> |
<body> |
<div style="background-blend-mode: normal, normal"></div> |
<div style="background-blend-mode: multiply, normal"></div> |