blob: 2a0844da9f05fb0310912301a9fb82f8f264f932 [file] [log] [blame] [edit]
<html>
<head>
<link rel="help" href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius">
<style>
.class4 {
/* bug happens when width < border-bottom-left-radius + border-bottom-right-radius (horizontal) with vertical axis of the elipse values set to 0 */
border-bottom: solid;
width: 200px;
height: 200px;
background-color: darkgoldenrod;
border-right: 100px solid red;
border-bottom-width: 43px;
/* 130 + 130 = 260 > width */
border-bottom-left-radius: 130px 0px;
border-bottom-right-radius: 130px 0px;
}
</style>
</head>
<body>
<div class="class4"></div>
</body>
</html>