Вёрстка угловых и наклонных блоков. Сверстать косой блок можно несколькими способами: 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;
Верстка и Дизайн
CSS - коротко о главном.
Вёрстка угловых и наклонных блоков.
Сверстать косой блок можно несколькими способами:
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;