Fotoz
@Fotoz
Начинающий

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

Здравствуйте! Собственно интересует как верстать подобные дизайны, а конкретнее фоновые изображения? Подскажите как правильнее их скомпоновать и позиционировать на странице, когда в макете каждый фон состоит из нескольких svg-элементов?
  • Вопрос задан
  • 872 просмотра
Пригласить эксперта
Ответы на вопрос 5
alex-1917
@alex-1917
Если ответ помог, отметь решением
А я думал, эти дизайны не более чем витрина рисовальщика.
Неужели есть отщепенцы, кто заказывает это как реальный веб-сайт???
ООООоооОо, даже чекбоксы с градиентом... писец...
5d67d3af6e994438482939.png
5d67d4349837e321965052.png
Ответ написан
l3ftoverz
@l3ftoverz Куратор тега CSS
Люблю Финский металкор
background позволяет описать несколько изображений с разной позицией.
Ответ написан
@lagudal
Недавно совсем был вопрос по этому шаблону, не знаю, от вас ли от кого другого, лень искать.
Конкретно в этом случае - если посмотреть на psd - в ресурсах лежат svg, и поскольку они (svg) нетяжелые, было бы логичным использовать svg как для фонов, так и для рисунков - во первых качество их будет безупречным, во-вторых, конкретно такие svg будут на порядок легче Jpeg или png- если их оптимизировать, конечно.
В прошлый раз смотрел, когда показывали верстку, там были png по 100-200 кб, svg же - фоны вообще 1-2 кб, не больше, рисунки - по 10-20. Без потери качества.
Ответ написан
wapster92
@wapster92
Люблю трилогию ME
Если тебе заплатили за эту вёрстку <10к, то позиционировать, и писать кучу медиа запросов, иначе тупо позиционировать один блок и вставить в него изображение.
Ответ написан
AnDrIYQ
@AnDrIYQ
Начинающий Веб-разработчик
Флексами братан, Флексами
Ответ написан
Ваш ответ на вопрос

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

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