Anadi
@Anadi
Если ответ Вам помог мой, решением отметье его!

А как вы делаете ломанные края у блоков?

Привет всем!

Хочу узнать у вас товарищи, а как вы делаете кривые края у блоков на страницах.
Я этот вариант сделал через :before/: after + transform: skewY и куча брейкпоинтов, для большей гибкости при изменении размера браузера например.
5d9ad413dd363020038002.png

Как бы сделали такой вариант?

P.S. Контейнер на всю ширину экрана.
  • Вопрос задан
  • 132 просмотра
Решения вопроса 4
mills
@mills
Я думаю что либо картинкой, либо дополнительный div с треугольником в css. Кто на что гаразд.
Ответ написан
Комментировать
BenderIsGreat34
@BenderIsGreat34
junior front-end
вообще если дизайнер был в здравом уме, то это можно будет сделать картинкой в свг и не надо заморачиваться. и адаптивно, и модно, и молодёжно.
Ответ написан
Комментировать
i__dmitry
@i__dmitry
Weaving a web
Многие делают через SVG - гибче, чем картинки/CSS, и адаптивно, не нужно костылить. Для крайнего случая - прописать фоллбэки для древних браузеров. Вот здесь, например, изогнутая линия в начале экрана - .bottom-curvve.
Ответ написан
Комментировать
@AlmeryCloud
Можете попробовать через clip-path. Вот сайт где можно удобно построить любую фигуру - https://bennettfeely.com/clippy/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы