Как сделать блок нестандартной формы?

Question

[Максим Дудин]

Нужно сделать вот такой непрямоугольный блок. Как?..

Answer 1

[Дмитрий Пыркин]

Просто картинкой запилить

Comments

[Максим Дудин]

Да нееее, Не красиво же. При небольших разрешениях экрана этот блок становится на всю ширину окна браузера. И здесь вылазят артефакты...
Думаю вот в сторону svg...

[Данакт Фрост]

Максим Дудин, svg — не картинка?

[Максим]

Максим Дудин, правильно думаете , можно рискнуть сверстать на css но скорее всего будет шляпа ... svg самый лучший вариант

[Максим Тимофеев]

Данакт Фрост, не совсем

[Данакт Фрост]

Максим Тимофеев, можно конечно спорить, совсем или не совсем, но к сути вопроса и ответа это не будет относиться. Мы можем взять svg-изображение, поставить на фон, добавить background-size что бы оно растягивалась.

[Максим Дудин]

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

Answer 2

[SagePtr]

SVG. Кривыми безье такую форму легко описать (или накидать в векторном редакторе).