Цепная анимация CSS3

У меня есть серия анимаций, которые мне нужно выполнить с некоторым текстом, и я планировал использовать CSS3. Мой план состоит в том, чтобы какой-то текст медленно перемещался вниз по экрану, и после того, как он достигнет определенной части экрана, определенные слова будут выделены, и в конечном итоге текст продолжит движение вниз по экрану и исчезнет, ​​освобождая место для дальнейшего текста.

У меня вопрос, как лучше всего «связать» эти анимации. Должен ли я иметь одну анимацию для перемещения вниз по экрану, отдельную анимацию для выделения текста и третью анимацию для перемещения вниз по остальной части экрана? Затем, следует ли мне установить задержку анимации, чтобы вторая и третья анимации запускались только после завершения предыдущей? Я думаю, что меня устраивает создание отдельных анимаций, которые будут связаны вместе, но я не уверен, как эти анимации должны запускать следующую анимацию.

36
задан wlindner 19 October 2011 в 17:35
поделиться