third_party/WebKit/LayoutTests/css3/blending/svg-blend-layer-mask.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <body>
   4 <p>Test for isolation caused by a mask. This test passes if the whole rectangle is green.</p>
   5 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="400px" >
   6 <defs>
   7   <mask id="msk">
   8     <rect x="10" y="10" width="20" height="20" />
   9   </mask>
  10 </defs>
  11 <g transform="scale(4 4)">
  12   <rect x="0" y="0" width="40" height="40" fill="rgb(0,255,0)"/>
  13   <g mask="url(#msk)">
  14     <rect x="10" y="10" width="20" height="20" fill="rgb(0,255,0)" style="mix-blend-mode: difference"/>
  15   </g>
  16 </g>
  17 </svg>
  18 </body>
  19 </html>