Треугольник с одним закругленным углом и изогнутыми сторонами. ⇐ CSS

[Anonymous]

Поэтому я пытаюсь создать треугольник с одним закругленным углом (внизу) и изогнутыми сторонами, как на втором скриншоте.

Только с помощью css без svg. Является ли это возможным? Если да, то как?

Единственное, что мне удалось сделать, это первую часть задачи, но изогнутые стороны остались нерешёнными. Пожалуйста, сообщите.
Мой код достигнутого результата (скриншот 1):

[img]https://i .stack.imgur.com/kVNvB.png[/img]

Код: Выделить всё

.arrow {
position: absolute;
width: 24px;
height: 24px;
background: inherit;
border-radius: 0 100% 90% 10% / 90% 100% 0 10%;
transform: rotate(-45deg);
}

Желаемый результат:




Подробнее здесь: https://stackoverflow.com/questions/783 ... rved-sides