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

5e9d805432594421950788.png
Какие есть варианты сверстать такие блоки? желательно пример какой-нибудь похожий.
  • Вопрос задан
  • 4744 просмотра
Пригласить эксперта
Ответы на вопрос 7
aliencash
@aliencash
Партизан
Дизайнера на кол. Картинками делайте.
Ответ написан
@jamtuson
1. Верстаете обычный блок(без скосов)
2. Конвертируете блоки в канвас https://html2canvas.hertzen.com/
3. Создаете кривую в канвасе и делаете clip() элементам
4. Подменяете блоки на canvas - элементы
Ответ написан
lukoie
@lukoie
проще всего - нарисовать эти блоки в Иллюстраторе, и экспортировать в свг
Ответ написан
В теории можно нижнюю часть в свг взять, поставить с зет-индексом выше фото и отрицательным марджином вверх.
А верхушку над фото в свг before-ом.
Сделать три варианта, зациклить с :nth-child
Ответ написан
AntonLitvinenko
@AntonLitvinenko
HTML coder
никого не смущает что это слайдер помимо всего прочего?
Ответ написан
@avaled
Добрый день.
Я бы сделал следующим образом.
Картинка для навигации https ://prnt.sc/s6yxr1
1)PNG картинка с position: absolute;
2)Текст с необходимыми вам отступами.
3)Картинку в низ блока (фон однородный по цвету, проблем не может быть
Ответ написан
Ваш ответ на вопрос

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

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