third_party/WebKit/LayoutTests/css3/blending/svg-isolation-html-inline-blend.html

   1 <!DOCTYPE HTML>
   2 <html>
   3     <style>
   4         div {
   5             width: 400px;
   6             height: 400px;
   7             background-color: lime;
   8         }
   9     </style>
  10     <body>
  11         <p>The test passes if you see an yellow square inside a green one.</p>
  12         <div>
  13             <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="400px">
  14                 <rect x="100" y="100" width="200" height="200" style="fill: red; mix-blend-mode: difference"/>
  15             </svg>
  16         </div>
  17     </body>
  18 </html>