Как сверстать адаптивный треугольный фон?

Question

[Odinokun]

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

Comments

[riot26]

svg, как вариант

[copal]

когда-то пытался сделать подобное на canvas, не понравилось из-за острых краев, которые не получилось полностью сгладить. Потом остановился на svg. png слишком убогий вариант.

Answer 1

[Денис Букреев]

зачем верстать это?
проще использовать png, учитывая что красный блок все равно картинка

Comments

[Odinokun]

В шаблоне каждый блок переходит один в другой такими треугольниками.
Это просто я вырезал один из них.

[Денис Букреев]

Дмитрий: я понимаю
но почему png не помогает?

Answer 2

[Archakov Dennis]

Юзай PNG. Создай два блока. Красный и серный. В красный пихни PNG прозрачную картинку с таким обрезанными границами без цвета.