clip-path-ellipse-001-ref.html (601B)
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 ellipse 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 horizontal ellipse.</p> 13 <div style="width: 400px; height: 200px; background-color: green; clip-path: url(#c1);"></div> 14 <svg> 15 <clipPath id="c1"> 16 <ellipse cx="200" cy="100" rx="200" ry="100"/> 17 </clipPath> 18 </svg> 19 </body> 20 </html>