Mypal/layout/reftests/css-blending/background-blending-isolati...

32 lines
516 B
HTML

<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html>
<style>
.reftest {
width: 100px;
height: 100px;
}
.image {
background-image: url(as-image/green100x100.png);
background-blend-mode: difference;
}
.color {
background-color: rgb(0, 255, 0);
background-blend-mode: difference;
}
body {
background-color: rgb(0, 0, 255);
}
</style>
<body>
<div class="reftest image"></div>
<div class="reftest color"></div>
</body>
</html>