diff options
Diffstat (limited to 'testing/web-platform/tests/css/compositing/isolation/blend-isolation.html')
-rw-r--r-- | testing/web-platform/tests/css/compositing/isolation/blend-isolation.html | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/compositing/isolation/blend-isolation.html b/testing/web-platform/tests/css/compositing/isolation/blend-isolation.html new file mode 100644 index 0000000000..d1aa412ecf --- /dev/null +++ b/testing/web-platform/tests/css/compositing/isolation/blend-isolation.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Compositing and Blending: isolation applied to a group containing blending</title> + <link rel="author" title="cabanier" href="mailto:cabanier@adobe.com"> + <link rel="help" href="http://www.w3.org/TR/compositing-1/#isolation"> + <meta name="assert" content="Isolation on a group with blending"> +<style> +.a { + background-color: rgb(0,255,0); +} +#b { + width: 200px; + height: 210px; +} +.c { + width: 100px; + height: 100px; + mix-blend-mode: difference; +} +#d { + isolation: isolate; +} +</style> +<p>Test passes if you see a solid green rectangle</p> +<div id="b" class="a"> + <div id="d"> + <div class="a c"></div> + </div> +</div> +</html> |