Alex Def

PerfectPixel от меня не требуют, да и на скрине особого скругления нет. Просто совместил псевдоэлементы по центру — получилось довольно плавно. https://jsfiddle.net/cxf7onrj/ И да, добавил дочерние блоки, которые в итоге и стали подложкой с псевдоэлементами и свойством opacity, чтобы сохранить прозрачность фона у блоков.

Там про паттерны, хотя нашёл решение и градиентом, и "triagle". Тут минусы в том, что я не смогу использовать border и border-radius, а они нужны. Точно так. Изменил разметку, использовал оба псевдоэлемента для центрального блока. Спасибо. ЗЫ. Чувствую замучаюсь при адаптировании всего этого под мобильные...

Ээээ... скошенные края блоков градиентом? Можно пример? Угу, крайние блоки так и сделал, правда пришлось отказаться от прозрачного background. А вот центральный блок по прежнему вызывает вопросы.

Здравствуйте, подскажите пути решения такой вот задачи: Адаптивный дизайн, родительский блок сделал с помощью clip-path:polygon, но у внутренних блоков есть border:2px поэтому clip-path не подходит. Подскажите, как правильнее это сверстать?