Можно ли создать собственный речевой пузырь без использования clip-path? [закрыто] ⇐ CSS

[Anonymous]

Я разрабатываю чат-бота и хотел бы создать всплывающее окно с благодарностью, используя чистый CSS.

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

Thanks for the heads-up! We're here to keep improving!

.hmx-thanks-balloon {
background: var(--hmx-color-light);
border-radius: 1.5rem;
bottom: 13rem;
box-shadow: var(--hmx-shadow-openchat);
max-width: 200px;
padding: 2rem;
position: fixed;
right: 5.5rem;
text-align: center;
clip-path:polygon(52.7% 79.27%, 45.64% 82.56%, 38.22% 84.88%, 30.77% 84.62%, 23.44% 83.65%, 16.12% 80.29%, 9.89% 75%, 4.76% 67.79%, 1.47% 59.62%, 0% 50.48%, 0% 40.87%, 1.1% 31.25%, 2.93% 21.63%, 7.35% 13.21%, 14.11% 8.81%, 21.87% 6.85%, 30.29% 6.29%, 38.81% 5.81%, 47.74% 5.37%, 56.07% 4.44%, 64.76% 4.48%, 72.72% 5.96%, 79.85% 8.44%, 85.51% 12.4%, 88.98% 17.33%, 93.18% 25.21%, 95.59% 34%, 96.33% 42.91%, 95.95% 50.43%, 93.94% 60.64%, 89.97% 68.44%, 88.18% 70.27%, 88.28% 74.52%, 87.95% 82.07%, 86.81% 89.61%, 84.98% 95.19%, 82.21% 86.18%, 77.92% 79.54%, 72.99% 73.62%, 66.35% 72.38%, 59.34% 75.13%)
}

Моя цель — выйти за рамки стандартного пузырька-контейнера с закругленными углами и выглядеть более элегантно. Например:


Я использовал клип -path, но при использовании border-radius он не округляется одинаково, а наоборот, сильно деформируется:
[img]https://i.sstatic. net/8mH0x4TK.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/786 ... -clip-path