Диалоговое окно «Создать треугольник с закругленными краями» ⇐ CSS

[Anonymous]

we are developing an application in that application we are showing text in div like chat box direction but with a little curve like below screenshot.

Requirement screenshot(Marked in purple)

Required design

I have managed to create a dialog box with straight edge, shown below,

.big{ width: 300px; height: 80px; background-color: #000000; box-shadow: 0 0 20px rgba(0, 0, 0, .3); position: relative; border-radius: 6px; } .big::after { content: ''; position: absolute; visibility: visible; top: 0px; right: -50px; border: 50px solid transparent; border-top: 30px solid #000; clear: both; } ``` so how can i make that curve in the current design?

Current design


Источник: https://stackoverflow.com/questions/781 ... dialog-box