clip-path-circle-008-ref.html (632B)
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 008</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="margin: 50px; padding: 50px; border: 50px solid green; width: 100px; height: 100px; background-color: green; clip-path: url(#c1);"></div> 14 <svg> 15 <clipPath id="c1"> 16 <circle cx="150" cy="150" r="100"/> 17 </clipPath> 18 </svg> 19 </body> 20 </html>