element-paint-transform-02.html 881 B

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