15 lines
539 B
HTML
15 lines
539 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
div {
|
|
width: 200px;
|
|
height: 150px;
|
|
background-color: blue;
|
|
-webkit-clip-path: inset(0px round 60%);
|
|
}
|
|
</style>
|
|
<body>
|
|
<p><a href="http://webkit.org/b/140127">Bug 140127</a> - [CSS Masking][CSS Shapes] Large corner radii use with inset() clip-path are not properly constrained</p>
|
|
<p>The radii for this inset should be constrained in the same way that border-radii are constrained. If this happens correctly, you should see a blue ellipse.</p>
|
|
<div></div>
|
|
</body>
|