Как сделать оформление главного экрана наподобие того, что дали?

Question

[LerKov]

Здравствуйте. Скажите, чтобы сделать вот так special.bose.eu/en в каком направлении вообще двигаться? Может быть есть примеры того, ка это можно реализовать?
Нужно именно то, как каждая из пяти частей двигается, выдвигается. Остальное не так важно. Заранее спасибо!

Comments

[ой всё]

а чем это сайт сам себе не пример?
смотрите как сделано, делаете так же

Answer 1

[Николай Домбровский]

Можно на чистом css сделать:
бокс, внутри 4 бокса повернутые через transform, с overflow: hidden;
Анимация, где контент выезжает на том же transform: translate.
Ну а дальше играем с размерами и позиционированием.
Не забываем про transition.

Answer 2

[Евгений Калибров]

Данный вами пример сделан с помощью SVG графики, с использованием библиотеки www.createjs.com/tweenjs