Как лучше верстать сайты с векторными элементами?



@RechAS

Учусь верстке. Сейчас верстаю сайт по макету. На первом же экране есть множество векторных смарт объектов (крестики, фигуры). Хочу, сайт был адаптивным. Для просмотра PSD использую Photoshop. Подскажите, пожалуйста, лучшие практики по верстке с подобными элементами.
60662f8c9cd61574711263.png


Решения вопроса 1



@Get-Web Куратор тега CSS

Если не лень, то можно сохранить каждую фигуру отдельно(желательно в 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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *