23 background: url('resources/ducky.png') no-repeat
0 0 /
100%
100%, green;
27 <!-- Test to ensure that blending is performed only with the contents of the element's nearest ancestor stacking context.
28 Test this with a parent element that has opacity set. -->
31 <div class=
"child" style=
"mix-blend-mode: normal;"></div>
34 <div class=
"child" style=
"mix-blend-mode: multiply;"></div>
37 <div class=
"child" style=
"mix-blend-mode: screen;"></div>
40 <div class=
"child" style=
"mix-blend-mode: overlay;"></div>
43 <div class=
"child" style=
"mix-blend-mode: darken;"></div>
46 <div class=
"child" style=
"mix-blend-mode: lighten;"></div>
49 <div class=
"child" style=
"mix-blend-mode: color-dodge;"></div>
52 <div class=
"child" style=
"mix-blend-mode: color-burn;"></div>
55 <div class=
"child" style=
"mix-blend-mode: hard-light;"></div>
58 <div class=
"child" style=
"mix-blend-mode: soft-light;"></div>
61 <div class=
"child" style=
"mix-blend-mode: difference;"></div>
64 <div class=
"child" style=
"mix-blend-mode: exclusion;"></div>
67 <div class=
"child" style=
"mix-blend-mode: hue;"></div>
70 <div class=
"child" style=
"mix-blend-mode: saturation;"></div>
73 <div class=
"child" style=
"mix-blend-mode: color;"></div>
76 <div class=
"child" style=
"mix-blend-mode: luminosity;"></div>