Как собрать большое изображение из маленьких?

Question

[Tony C.]

Всем привет!
Стоит весьма интересная задача: изображение (на примере помечено красным) разбито на много мелких векторных частей (помечены зеленым). Нужно их собрать воедино.
В результате нужно получить такой себе коллаж, который при изменении размера окна браузера не будет ломаться. И будет тянуться по ширине.
Разбивалось это все дело для того, чтоб в будущем каждую мелкую часть анимировать.
Как это правильно собрать?

take.ms/kQh9h

Comments

[Kuat Mustafin]

Сделайте фиксированный блок и расположите элементы как вам нужно и добавьте анимации, правильно настройте viewport.

[Tony C.]

У родителя relative, а у всех его дочерних элементов absolute?
А как правильно позиционировать, в % или px?
Надо ли задавать родителю ширину и высоту?
Было бы очень признателен за кусочек кода, для примера.

Answer 1

[Антон Нагаец]

position:absolute;
Ваше все.
как пример CSS логотип android

Comments

[Tony C.]

спасибо, полезный пример :)