@RechAS
Учусь верстке. Сейчас верстаю сайт по макету. На первом же экране есть множество векторных смарт объектов (крестики, фигуры). Хочу, сайт был адаптивным. Для просмотра PSD использую Photoshop. Подскажите, пожалуйста, лучшие практики по верстке с подобными элементами.
Решения вопроса 1
@Get-Web
Если не лень, то можно сохранить каждую фигуру отдельно(желательно в svg) и позиционировать на фоне, таким образом у фигур будет плавающая позиция и на других экранах можно перестроить по другому, убрать половину на мобильных и т.д.. выглядеть это будет примерно так :
background: url(../images/other/decor-figure-1.svg) no-repeat 53% 6%,
url(../images/other/decor-figure-2.svg) no-repeat 45% 22%,
url(../images/other/decor-figure-3.svg) no-repeat 82% 22%,
url(../images/other/decor-figure-4.svg) no-repeat 45% 96%,
url(../images/other/decor-figure-5.svg) no-repeat 83% 82%
11
комментариев
Ответы на вопрос 0