В чем разница между animation-timing-function и animation-duration?

Разница между свойствами animation-timing-function и animation-duration заключается в том, что каждое из них определяет разные аспекты анимации:

1. animation-timing-function определяет временную функцию, которая контролирует скорость и характер изменений во время анимации. htmlacademy.ru Оно позволяет создавать различные эффекты анимации, такие как ускорение, замедление и т. д.. javarush.com
2. animation-duration задает продолжительность анимации в секундах или миллисекундах. htmlacademy.ru javarush.com Указывает время, которое анимация занимает для завершения одного цикла. html5book.ru

Таким образом, animation-timing-function описывает, как будет развиваться анимация между каждой парой ключевых кадров, а animation-duration — сколько времени займёт анимация для завершения одного цикла. html5book.ru