Как придать особую форму блоку?

Question

[CrystalClear]

Здравствуйте, есть такая задача:

Нужно сверстать скошенные блоки вряд, и что бы они занимали 100% ширины. Я применил skew и rotate, однако я не знаю как убрать просвет на первом и последнем элементе, при этом что бы background-image покрывал пробелы также. Мне известно что есть некий clip-path, однако он не кроссбраузерный. Что делать?

https://codepen.io/anon/pen/GepqNL

Comments

[Ankhena]

transform-origin

Answer 1

[Андрей]

Свойство CSS clip-path пробовали?

Ссылка на удобный онлайн-генератор

Comments

[Андрей]

Простите, не увидел про кроссбраузерность (IE 11 не поддерживает clip-path)