css3 анимация может иметь обратные вызовы

Question

Я искал вокруг, чтобы увидеть, что у анимаций css3 есть какой-то обратный вызов, т. Е. Можно анимировать элемент, и как только элемент завершает анимацию, анимировать другой?

Несколько часов безрезультатно гулял по Google, может быть, моя терминология неверна?

Answer 1

CSS3-анимации не предназначены для замены JavaScript.

CSS сделан чисто для стилизации с очень минимальной логикой, которая не «оглядывается назад» (вы не можете выбрать родителя). CSS обрабатывается на месте и запускается с использованием нескольких триггеров браузера, таких как :hover, :active и :link.

CSS должен быть молниеносным, так как не имеет запутанной или трудоемкой логики, которая замедляет работу браузера.

При этом обратные вызовы не поддерживаются по указанным выше причинам.

Answer 2

Взгляните на доклад Apple «CSS-эффекты, часть 2: галереи и 3D-эффекты из WWDC 2010»:
https://developer.apple.com/videos/archive/

Вы можете предоставить стартовую задержку для вашей анимации, и есть какая-тоtransitionEndListener для браузера на основе webkit.