Как добавить в фон геометрические фигуры?

Question

[Valsin]

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

Comments

[Otrivin]

Наработки есть? Что конкретно не получается?

[Valsin]

Пытался сделать через bacground-image

<section class="whoweare">
		<div class="container">
                          ...
                </div>
</section>

.whoweare {
  background: url("../img/bgck.png") no-repeat;
  background-position: -500% 50%;
}

Answer 1

[WapSter]

Используй квадраты относительно позиционированные, и разверни их как тебе нужно.

Answer 2

[Vadim Bogomazov]

Сгенерируй треугольники, спозиционируй как нужно. Черный можно сделать квадратом с rotate на 45 градусов.