element-paint-transform-02-ref.html 708 B

123456789101112131415161718192021222324
  1. <!--
  2. Any copyright is dedicated to the Public Domain.
  3. http://creativecommons.org/licenses/publicdomain/
  4. -->
  5. <html>
  6. <body style="filter:url(#thresholdAt128);">
  7. <div style="width:100px; height:100px; border: 1px solid black;
  8. -moz-transform:matrix(2,1,0,2,50,50);">
  9. <div style="margin:50px; border:10px solid red; width:20px; height:20px;
  10. background:yellow"></div>
  11. </div>
  12. <svg>
  13. <filter id="thresholdAt128" color-interpolation-filters="sRGB">
  14. <feColorMatrix type="matrix"
  15. values="255 0 0 0 -128
  16. 0 255 0 0 -128
  17. 0 0 255 0 -128
  18. 0 0 0 255 -128"/>
  19. </filter>
  20. </svg>
  21. </body>
  22. </html>