Как бы вы сверстали подобный макет?

Question

[Валерий]

Добрый день!

Имеется вот такой макет. Часть элементов на нём надо анимировать. Вопрос в том как заверстать основной вид. Вырезать из макета одно общее изображение и вставить фоном? А элементы для анимации через position: absolute. Или background-image для каждого слоя? Но в макете их очень много. Адаптивность не нужна. В общем как бы вы подступились к данному макету, общая концепция?

Comments

[Ruslan]

картинка, а айтемы со звездочеми верстка

[posters]

Картинка фоном, по верх нее верстка фишек с аватарками (авы, разумеется, картинки).

[Антон Литвиненко]

Если сможете сделать фон из двух частей параллаксом, как в денди играх, когда передний шевелится шустрее относительно заднего, то будет круто, если вообще подразумевается какоето движение

[Сергей delphinpro]

Отрисовать на Canvas

[Carburn]

Антон Литвиненко, это не требуется

[Валерий]

Сергей delphinpro, а в чём преимущество будет перед background?

Answer 1

[Mr.Ivan]

Я бы сделал примерно так как вы сказали.Делал бы через background-image, на мой взгляд так проще позиционировать.Но я не когда не делал такие проекты ))Так что особо не полагайтесь на мое мнение))