Я пытаюсь создать смесь между овалом и полукругом.
Полу-круги могут быть созданы как таковые в CSS:
.halfCircle{
height:45px;
width:90px;
border-radius: 90px 90px 0 0;
-moz-border-radius: 90px 90px 0 0;
-webkit-border-radius: 90px 90px 0 0;
background:green;
}
И овалы можно сделать так:
.oval {
background-color: #80C5A0;
width: 400px;
height: 200px;
margin: 100px auto 0px;
border-radius: 200px / 100px;
}
Но как я могу сделать полу-овал? Вот моя попытка до сих пор. Проблема в том, что у меня есть плоские вершины, найдены здесь. Спасибо!