Как правильно через css делать вот такие линии?

Question

[lindim3000]

Добрый день, как средствами css делать вот такие косые полосы (показаны на картинке ) ? не вставлять же изображения которые растянуты на всю ширину?

Answer 1

[Константин Величко]

jsfiddle.net/kLrgqfct

Answer 2

[Евгений Петров]

1. CSS transform, как уже написал @fulli
2. SVG (в качестве фона или просто вставка).
3. Старый-старый вариант с border.
4. Clip-path — предложение @DonSinDRom (webkit only)
5. linear-gradient — предложение @DonSinDRom

Comments

[Евгений Петров]

@DonSinDRom от также относится к SVG:)

[Евгений Петров]

@DonSinDRom точно. Спасибо, находился в плену старых представлений.

Answer 3

[fulli]

Вам сюда