background-blending-image-gradient.html 454 B

12345678910111213141516171819202122
  1. <!--
  2. Any copyright is dedicated to the Public Domain.
  3. http://creativecommons.org/publicdomain/zero/1.0/
  4. -->
  5. <html>
  6. <style>
  7. .reftest {
  8. width: 200px;
  9. height: 200px;
  10. background-size: 200px 200px, 100px 100px;
  11. background-repeat: no-repeat;
  12. }
  13. .blend {
  14. background-image: url(as-image/green_square.svg), linear-gradient(rgb(0,0,255), rgb(255,0,0));
  15. background-blend-mode: difference;
  16. }
  17. </style>
  18. <div class="reftest blend"></div>
  19. </html>