8 -webkit-transform: rotateY(30deg) rotateX(-30deg);
9 background-blend-mode: difference;
14 background: url('resources/white_square.svg') no-repeat, rgba(55, 55, 99, 1);
23 background: url('resources/white_square.svg') no-repeat, rgba(200, 200, 156, 1);
28 background: url('resources/white_square.svg') no-repeat, rgba(100, 100, 56, 1);
35 <!-- Test to validate that background blending is working properly for series of hardware accelerated elements. -->
37 <!-- Simple test: parent and child, both accelerated, both having background-blend-mode set and some text. The child shouldn't blend with the parent's content. The text should keep its color. -->
38 <div class="a">sample<div class="b">sample</div></div>
40 <!-- Parent and two children, all accelerated, all having background-blend-mode set and some text. None of the elements should blend with any of the others. The text should keep its color. -->
41 <div class="a">sample<div class="b">sample</div>sample<div class="c">sample</div></div>
43 <!-- Parent and two children, all accelerated, all having background-blend-mode set and some text. The second child has z-index set, causing it to be painted below the first child. None of the elements should blend with any of the others. The text should keep its color. -->
45 <div class="b">sample</div>
46 <div class="c" style="position:absolute; z-index: -1">sample sample sample sample sample sample sample sample sample sample sample sample</div>