Как нарисовать через css clip-path (или другим способом) ровную дугу внутрь блока?

#clip_path

Сейчас у меня стоит clip-path: polygon(50% 0%, 100% 0, 100% 100%, 70% 90%, 44% 87%,
23% 91%, 0 99%, 0 0);
Есть ли программы или сервисы в которых можно нарисовать такое ?
Нашел два сервиса , но оба неподходят под такую задачу.
Первый http://www.cssplant.com/clip-path-generator .
Второй https://bennettfeely.com/clippy/.
    

Ответы

Ответ 1

.block {
  position: relative;
  width: 300px;
  height: 200px;
  background: red;
}

.block::after {
  display: block;
  width: 100%;
  height: 80px;
  content: "";
  position: absolute;
  bottom: -40px;
  left: 0;
  background: white;
  border-radius: 50%;
}