Как сделать задержку анимации?

Question

[MRcracker]

У меня есть анимация на css. Проект пишу на реакте. Мне нужно сделать задержку анимации т.е. чтобы блок всплывал, держался какое-то время на экране,например 10 секунд и потом плавно уплывал вниз. Подскажите, какие варианты существуют. Мне нужно изменить css код или использовать какую-то библиотеку для реакта. В реакте новичок.

@keyframes up {
  0% {
    transform: translateY(1000px);
  }
  10% {
    transform: translateY(0);
  }
  90% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(1000px);
  }
}

Comments

[Алексей Илларионов]

А что не так с текущим кодом?

Answer 1

[Николай Угольников]

animation-duration: 10s