Как сделать такой прямоугольник/шестигранник?

Question

[Вячеслав Хрипушин]

Приветствую всех, нужно реализовать вот такой вот прямоугольник/шестигранник (см. картинку)
Помимо этого блока, есть такая же "дуга" на другом, но только низу + нужна возможность вставлять картинку и чтобы она обрезалась по форме



Картинкой делать такой себе вариант, натыкался только на "правильный шестиугольник"

Answer 1

[Andrej Sharapov]

шестиугольник https://developer.mozilla.org/ru/docs/Web/CSS/clip-path

фигура

Comments

[Вячеслав Хрипушин]

с фоном без картинки - ок

как быть с подобным?

[Вячеслав Хрипушин]

это тупо, соре, можно просто картинкой

[RAX7]

Вячеслав Хрипушин, https://9elements.github.io/fancy-border-radius/fu...

[Вячеслав Хрипушин]

RAX7, то, что надо, спасибо

[Brad9aga]

RAX7, хаха, я после ответа прочитал твой коммент

Answer 2

[Brad9aga]

все куда проще, чем вы думаете

Answer 3

[Eugene Chefranov]

https://bennettfeely.com/clippy/