Как сделать наклонный переход между разделами без картинки?

Question

[Maks]

Как сделать такой наклонный переход:

Сейчас использую картинки для таких целей.

Вариант с border не подходит, т.к. ему нельзя задать %.
Вариант с box-shadow тоже % не задает.
Использовать clip-path не могу, так как IE и Edge не поддерживаются.
Какие есть еще варианты?

Answer 1

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

1. canvas
2. tranform

Comments

[Maks]

И как это сделать с помощью transform?

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

Два элемента, верхнему transform: rotate(18deg) scale(0.376) skew(-164deg) translate(-41px);

[Maks]

Максим Тимофеев: Спасибо, решение отлично подходит