clip-path-localRef-1.html (936B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <head> 5 <base href="http://example.com"> 6 <meta charset="utf-8"> 7 <title>Testcase for clip-path linked to local-ref URL</title> 8 <link rel="author" title="CJ Ku" href="mailto:cku@mozilla.com"> 9 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 10 <link rel="help" href="https://www.w3.org/TR/css-masking-1/#the-clip-path"> 11 <link rel="match" href="clip-path-localRef-1-ref.html"> 12 <meta name="assert" content="Test checks after changing base URL, whether fragment URLs works correctly or not."> 13 <svg height="0" width="0"> 14 <defs> 15 <clipPath id="c1"> 16 <circle cy="110" cx="137" r="90" /> 17 </clipPath> 18 </defs> 19 </svg> 20 <style> 21 div { 22 width: 300px; 23 height: 300px; 24 background-color: blue; 25 clip-path: url(#c1); 26 } 27 </style> 28 </head> 29 <body> 30 <div></div> 31 </body> 32 </html>