Как найти формулу для закругленного пентагона?

Question

[Lord_Dantes]

Есть вот такой элемент, и нужно сделать через CSS обрез. Я думаю это только через clip-path сделать возможно, но где можно подобрать или что почитать чтобы оставить закругленные углы?

Answer 1

[Максим]

Вот так вроде

Comments

[Lord_Dantes]

Благодарю, можно узнать как вы реализовали такое?

[Максим]

Lord_Dantes, просто рисовал руками в codepen

Answer 2

[Дима]

Проще и понятней сделать через clip-path: (#url)чем непонятно с какой целью рисовать сложные фигурки. Просто залейте фигуру в svg и вставьте этот svg-код в свой код страницы, а потом используя её ID обрезайте любые изображение сколько угодно раз.