Как реализовать такое скругление?

Рейтинг: 1Ответов: 2Опубликовано: 31.07.2023

через border-radius проблематично сделать точь в точь введите сюда описание изображения

css html
Источник: Stack Overflow на русском

Ответы

▲ 3Принят

div {
    background-color: #000;
    margin: 20px;
    width: 350px;
    height: 220px;
    border-radius: 50%/10%;
}
<div></div>

▲ 3

.rectangle {
  width: 300px;
  height: 150px;
  background-color: aqua;
  clip-path: ellipse(90% 45%);
}
<!DOCTYPE html>
<html lang="ru">

<head>
  <meta charset="utf-8">
  <title>border</title>

</head>

<body>
  <div class="rectangle"></div>
</body>

</html>

Как вариант, что-то подобное можно реализовать и при помощи clip-path.