Наклонные секции

[Hasiev]

Здравствуйте, в макетах часто попадаются трансформированные секции (наклонные, в виде параллелограмма, или с углом внизу .. Скажите, как их делают? Подразумеваю что на css трансформациях .. Но тогда вся секция вместе с контентом поварачивается .. Или делают через псевдоэлементы? Если есть статья, или видео-урок, буду признателен ..

 

[Svetlana_P]

Чтобы дочерние элементы не поворачивались, задавайте им ту же трансформацию, но со знаком минус. Вот, например 

 

А так, куча способов есть, в зависимости от макета и задач выбирают. Не у всех хорошо с адаптивностью и кроссбраузерностью.

Некоторые тут можно подсмотреть: https://css-tricks.com/creating-non-rectangular-headers/

Вообще, много примеров есть. Вы ищите по запросу CSS Skewed Background

 

[Hasiev]

@Svetlana_P, О, да, спасибо! То что надо.