clip-path-path-with-zoom.html (697B)
1 <!DOCTYPE html> 2 <title>CSS Masking: Test clip-path property when the page is zoomed</title> 3 <link rel="author" title="Noam Rosenthal" href="mailto:noam@webkit.org"> 4 <link rel="help" href="https://drafts.csswg.org/css-shapes-2/#funcdef-path"> 5 <link rel="match" href="reference/clip-path-path-with-zoom-ref.html"> 6 <meta name="assert" content="The path gets zoomed together with the content"> 7 <style> 8 #red { 9 position: absolute; 10 width: 100px; 11 height: 100px; 12 background: red; 13 } 14 #rect { 15 width: 100px; 16 height: 100px; 17 background-color: green; 18 clip-path: path(nonzero, 'M0,0 L100,0 L0,100 L0,0'); 19 zoom: 2; 20 } 21 </style> 22 <div id="red"></div> 23 <div id="rect"></div>