blend-overlay.svg 751 B

1234567891011121314151617
  1. <!--
  2. Any copyright is dedicated to the Public Domain.
  3. http://creativecommons.org/publicdomain/zero/1.0/
  4. -->
  5. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >
  6. <defs>
  7. <g id="patch">
  8. <rect x="0" y="0" width="40" height="160" fill="rgb(255,0,0)"/>
  9. <rect x="40" y="0" width="40" height="160" fill="rgb(0,255,0)"/>
  10. <rect x="80" y="0" width="40" height="160" fill="rgb(0,0,255)"/>
  11. <rect x="120" y="0" width="40" height="160" fill="rgb(127,127,0)"/>
  12. </g>
  13. </defs>
  14. <use xlink:href="#patch" x="0" y="0" width="160" height="160"></use>
  15. <use xlink:href="#patch" x="0" y="0" width="160" height="160" transform="rotate(90 80 80)" style="mix-blend-mode: overlay"></use>
  16. </svg>