@jk_bratkaman
wordpress, php, js, jquery, junior

Как сделать такой переход между блоками?

Доброго времени суток! Вопрос назрел по верстке. Есть один макет. Там переход блоков интересный.
5d1f4d351038c566518758.png
Пробовал через бордер имейдж, так только оставались белые места как на скрине.
5d1f4e3e2165b706950292.png
Не получается никак обрезать низ блока, так чтоб он был поверх нижнего блока. Если только картинку не обрезать на фотошопе. Можно вообще средствами css такое сделать? Если есть какие нибудь варианты правильные, подскажите пожалуйста. Заранее спасибо!
  • Вопрос задан
  • 123 просмотра
Пригласить эксперта
Ответы на вопрос 2
l3ftoverz
@l3ftoverz Куратор тега CSS
Люблю Финский металкор
Экспортировать этот рваный край в SVG\PNG, сделать border-image для верхней границы белого блока
Ответ написан
@FKV
Можно нижнему блоку задать background этой картинкой в png и подтянут этот блок вверх через position: relative; top: -200px;
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
06 дек. 2019, в 09:02
30000 руб./за проект
06 дек. 2019, в 08:55
5000 руб./за проект
06 дек. 2019, в 01:32
10000 руб./за проект