Сложно ли это реализовать в адаптиве?

Question

[Mikalai Bulava]

Добрый день. Есть два верстальщика и два мнения: один говорит, что реализовать это в адаптиве легко, второй сложно и просит исправить наклонные линии на бэкграунде. Нужно больше мнений.
Спасибо.

Comments

[sergey]

в чем сложность?

[Mikalai Bulava]

SM: не знаю, я дизайнер. В этот раз попался верстальщик, которого они смущают. Мне нужно доказать клиенту, что все реализуется без особых проблем.

[sergey]

Crimp B: https://www.viget.com/articles/angled-edges-with-c...

[Mikalai Bulava]

SM: а как он будет вести себя при адаптиве? Как мне поступать, тупо обрезать края или масштабировать?

[sergey]

Crimp B: там все написано же, и это как пример, если загуглите то найдете достаточно информации и об адаптивности таких блоков

Answer 1

[Сергей Горячев]

Ноль проблем)
Только нужно отрисовать дизайнеру, какое нужно поведение.
Просто масштабировать или менять направление, к примеру, можно по-разному.
В общем, нужно просто понимать, что хочет дизайнер.

Comments

[Mikalai Bulava]

Спасибо, так и сделаю.

Answer 2

[xtala zen]

Тут в адаптиве реализуется через свойство в CSS3 transform: skewX(<угол>) у div, но может возникнуть проблема с совместимостью на разных браузерах, верстка на старых браузерах может поехать. Так что этот момент лучше отдельно обсудить. Наверное.
upd:
Можете сказать об этом заказчику и предложить попутно сделать дизайн для старых браузеров которые не в полной мере поддерживают фишки CSS3 за отдельный прайс естественно.