Как реализовать анимацию?

Question

[Secret73]

Всем привет.
Набросал вот такую схему jsfiddle.net/4t6bx3gz/7
Ни как не могу придумать, как сделать следующую анимацию. Нужно что бы div постепенно принимали стиль opacity 0 Вот в таком порядке

UPD.
Удалось сделать вот так: jsfiddle.net/4t6bx3gz/8
Но как организовать в порядке нужом мне?

Answer 1

[Secret73]

Анимация была сделана через SVG, благодаря дизайнерам

Answer 2

[Dies Irae]

Смог придумать только так:
1. При клонировании выставлять id-шники.
2. Вручную выставить порядок анимации через jQuery.

Comments

[Secret73]

а если пройтись циклом и через него получить номер дива? Просто я в голове картинку сложил, а реализовать не получается )