Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(52)

Unified Diff: LayoutTests/css3/compositing/background-blend-mode-crossfade-image-gradient.html

Issue 22596003: Fix background blending for some cases where it did not work at all. The fix adds the blendMode par… (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: adding TestExpectation lines for rebaselining Created 7 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698