@MegaPuxapb

Как сверстать такой фон?

Как сверстать такой фон?
https://yadi.sk/i/bXqsLXzQ3RxTGv

фон состоит из кучи разных элементов(пятен текстов и тд). по секциям их тыкать, я хз...
думаю к body:before с позишн абсолют запилить, одной большой картинкой.
правильно ли это?
или есть другие варианты?
  • Вопрос задан
  • 552 просмотра
Пригласить эксперта
Ответы на вопрос 4
vicodin
@vicodin
Имею некоторый опыт
куча пнгшек со спрайтами грязи
Ответ написан
Комментировать
dom1n1k
@dom1n1k
Ну только цельной картинкой, подложенной в фон. Работать будет, но:
а) будет дофига весить
б) нужно думать, как её лучше размножать или тянуть, если будет очень широкий монитор или очень длинная страница.

В целом дизайн - полное г**но (не только из-за этого фона).
Ответ написан
Комментировать
tema_sun
@tema_sun
Самый лучший вариант - выкинуть нафиг эту грязь и оставить белый фон.
Ответ написан
Комментировать
fruity4pie
@fruity4pie
A
Все будет зависеть от того, как дизайнер видит этот фон на мобильных устройствах, планшетах. Т.к. если делать всё одним фоном, читабельность может упасть из-за наложения текста на текст фона "ECHO DESIGN", "BEST CHOICE" и т.д. и т.п.

Если выбор падет на - "делаем картинку одним фоном", тогда сжимайте ее здесь tut. Этот инструмент, лучшее, что есть на сегодняшний день.

Если выбор падет на - "текст и стрелку делаем ':before', ':after'", тогда нарезать графику, или же нарезать графику для стрелки и готовить шрифты для текста.
p.s. Шрифты для текста в :before/:after будут предпочтительнее если Вы их еще в .woff-формат перегоните.

Удачи
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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