Задержку анимаций css?

Question

[WingRS]

Есть две анимации через keyframes animation: dash 35s linear forwards, fillop ease 12s; как сделать чтобы вторая сработала точно тогда когда закончится первая?

Comments

[Евгений Вольф]

htmlbook.ru/css/animation-delay ?

[WingRS]

Евгений Вольф: не работает(

[Евгений Вольф]

WingRS: Я думаю, решение вопроса сильно упростит наличие куска кода, на codepen.io например... Так на вскидку сложно сказать.

[WingRS]

Евгений Вольф: codepen.io/anon/pen/WoMmvE

[Евгений Вольф]

WingRS: если не вдаваться в подробности, то animation-delay должен стоять самым последним свойством по списку, т.е. прямо перед самой "}" (закрывающей скобкой).

[Евгений Вольф]

Как-то вот так кажется: codepen.io/anon/pen/LbQaRP

[WingRS]

Евгений Вольф: теперь она сразу залита...

[Евгений Вольф]

WingRS: скорее всего, буквы изначально залиты белым цветом, по этому до начала анимации они имеют "ествественный" цвет.

Answer 1

[IvanKalinin]

В дополнение к коду в комментариях ( )

.st0 {
..........
  fill-opacity:0;
  animation: dash 35s linear forwards, fillop  ease 12s 5s forwards;
........
}

Задержку можно писать прямо в свойстве animation (5s)