transform-svg-1a.xhtml 678 B

123456789101112131415161718192021
  1. <!--
  2. Any copyright is dedicated to the Public Domain.
  3. http://creativecommons.org/licenses/publicdomain/
  4. -->
  5. <html xmlns="http://www.w3.org/1999/xhtml"
  6. xmlns:svg="http://www.w3.org/2000/svg"
  7. xmlns:xlink="http://www.w3.org/1999/xlink">
  8. <body style="margin:0">
  9. <div style="clip-path: url(#c1); width:400px; height:200px; background:lime; -moz-transform: translate(100px, 100px);">
  10. <div style="height:200px;"/>
  11. <div style="height:200px; background:blue;"/>
  12. </div>
  13. <svg:svg height="0">
  14. <svg:clipPath id="c1" clipPathUnits="userSpaceOnuse">
  15. <svg:rect x="0" y="0" width="300" height="300"/>
  16. </svg:clipPath>
  17. </svg:svg>
  18. </body>
  19. </html>