Как по очереди сделать анимацию?

Question

[Urukhayy]

Есть 4 блока div, нужно чтобы каждому была применена одна и та же анимация (css вращение). Но чтобы второй div начал вращаться только после того, как закончит первый.

Answer 1

[Елизавета Борисова]

Это называется chaining.
Вот например обсуждение stackoverflow.com/questions/7825509/css3-chain-ani...

Даже есть чисто CSS решение, (animation-delay):
-webkit-animation: First 1s, Second 2s;
-webkit-animation-delay: 0s, 1s;
(-moz и тд)
Но надо тестировать, может не везде все хорошо идет. Тогда SetTimeout().

Comments

[Urukhayy]

Эмм.. загвоздочка с transform

Answer 2

[anyd3v]

api.jquery.com/animate

complete
Type: Function()
A function to call once the animation is complete.

Применяйте анимацию последовательно