layout/reftests/css-blending/background-blending-image-color-svg-as-data-uri.html

   1 <!--
   2      Any copyright is dedicated to the Public Domain.
   3      http://creativecommons.org/publicdomain/zero/1.0/
   4 -->
   5 <!DOCTYPE HTML>
   6 <html>
   7 <style>
   8 .reftest {
   9   width: 200px;
  10   height: 200px;
  11   background-size: 100px 100px, 200px 200px;
  12   background-repeat: no-repeat;
  13 }
  14
  15 .blend {
  16   background-color: rgb(0,255,0);
  17   background-blend-mode: difference;
  18 }
  19
  20 .svg {
  21   background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.1%27%20viewBox%3D%270%200%20100%20100%27%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20fill%3D%27%2300FF00%27%2F%3E%3C%2Fsvg%3E");
  22 }
  23
  24 </style>
  25 <div class="reftest blend svg"></div>
  26 </html>