Как сверстать кривые границы?

Question

[sabanovvv]

Как правильно сверстать кривые границы?
html

Comments

[Радмир]

Что именно? Заявку или кривую карту?

[Евгений Петров]

А что происходит на большей ширине?

[sabanovvv]

Евгений Петров: ничего пока)не пойму как правильно сверстать такие кривые границы для карты

[Евгений Петров]

sabanovvv: Нужно сразу понимать — фиксированная ширина или нет, и представлять, как это будет выглядеть.

[Павел Кононенко]

Ну что за название вопроса... Как другие люди будут находить решение?

[sabanovvv]

Евгений Петров: да,ширина фиксированная

[Матвей Мамонов]

Павел Кононенко: +1
Добавил новую версию.

Answer 1

[Mikhail Osher]

Единственное, что мне приходит в голову - фон png с прозрачными срезами.
На него накладывается форма.

Answer 2

[xmoonlight]

CSS: clip-path
SVG: clipPath (IE9 - support it!)
подробно

Comments

[Maksim Zverev]

Стоит только отметить, что IE/Edge не поддерживает это.

[Матвей Мамонов]

Maksim Zverev: Edge уже вышел? о_О

[Maksim Zverev]

Матвей Мамонов: В сборках доступен и на текущий момент поддержки clip-path в нем нет. Релиз сильно не за горами, по сути месяц остался.

[Матвей Мамонов]

Maksim Zverev: да уж, будет плохо, если так и оставят к официальному релизу.

[xmoonlight]

Maksim Zverev: обновил инфу...

Answer 3

[Михаил]

Canvas вам в помощь