clip-path-circle-001-ref.html (602B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <!DOCTYPE html> 6 <html> 7 <head> 8 <title>CSS Masking: Ref test for clip-path's circle function 001</title> 9 <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com"> 10 </head> 11 <body> 12 <p>The test passes if there is a green circle.</p> 13 <div style="width: 100px; height: 100px; border: solid green 50px; background-color: green; clip-path: url(#c1)"></div> 14 <svg> 15 <clipPath id="c1"> 16 <circle cx="100" cy="100" r="100"/> 17 </clipPath> 18 </svg> 19 </body> 20 </html>