Estou fazendo um projeto onde estou usando o border radius
para fazer um menu vertical.
Gostaria que o Menu ficasse com a border radius reta, desta forma arredondada :
E atualmente está ficando desta forma:
.teste{
height:12%;
width:65%;
background-color: rgb(56, 66, 65);
opacity:0.5;
position:absolute;
margin-left:30%;
border: 2px solid red;
border-bottom-left-radius: 250px 170px;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Menu Vertical</title>
</head>
<body>
<div id="teste" class="teste"> </div>
</body>
</html>
Como faço para ficar reta?