<!DOCTYPE html> <html><head> <title>CSS Masking: Test clip-path property and ellipse function with no arguments</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-masking-1/#clipping-paths" rel="help"> <link href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path" rel="help"> <link href="reference/clip-path-ellipse-ref.htm" rel="match"> <meta content="The clip-path property takes the basic shape 'ellipse' for clipping. If no further arguments were specified, the radii are 'closest-side' each. The position is initialised to the center of the element. On pass there is a full green ellipse." name="assert"> </head> <body> <p>The test passes if there is a full green ellipse.</p> <div style="width: 150px; height: 100px; border: solid red 50px; background-color: green; clip-path: ellipse(farthest-side closest-side);"></div> </body></html>