Диалоговое окно «Создать треугольник с закругленными краями» ⇐ 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
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
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
Мобильная версия