blob: 45a3573f3e52e97861d8606ff121c7bd865d64d7 [file] [log] [blame]
div {
width: 200px;
height: 200px;
transform: rotateY(30deg) rotateX(-30deg);
background: url("resources/white_square.svg") no-repeat, rgba(55, 55, 99, 1);
background-blend-mode: difference;
body {
background: green;
<!-- Test to validate that background blending is working properly for hardware accelerated elements.
This also validates that background layers don't blend with any of the content below the accelerated element. -->