Вёрстка угловых и наклонных блоков.
Сверстать косой блок можно несколькими способами:
1.C помощью таких элементов как: after и before. Внутри которых создаётся фигура с помощью свойства border.
2.Используя свойство transform: rotate(10deg) или transform: skew ().
Если использовать этот метод, то для контекста внутри данного блока применяется transform: rotate(-10deg) с противоположным значением, для того чтобы его выровнять;
3.Применив linear-gradient();
4.Прописать значения clip-path(xy,xy…);где x-координаты по горизонтали, а y-по вертикали. При использовании этого свойства нужно учитывать поддержку браузеров;
5.Вставить svg;
Присоединяйтесь — мы покажем вам много интересного
Присоединяйтесь к ОК, чтобы подписаться на группу и комментировать публикации.
Нет комментариев