Как остановить анимацию?

Question

[MRcracker]

Какие есть способы остановить анимацию на 50%,

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

Answer 1

[Ankhena]

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

Только % пересчитайте как вам нужно. Я же без понятия сколько анимация и на сколько задержка.

Comments

[MRcracker]

спасибо, работает так и ладно))))

[Ankhena]

MRcracker, ну там... может посимметричнее хотя бы.. :)