В чем разница между параметрами animation-direction и animation-play-state?

Разница между параметрами animation-direction и animation-play-state заключается в их функциях.

Animation-direction определяет направление анимации, а animation-play-state — состояние анимации: остановлена или воспроизводится. htmlacademy.ru html5book.ru

Значения animation-direction:

• normal — анимация проигрывается в прямом направлении, значение по умолчанию. htmlacademy.ru html5book.ru
• reverse — анимация проигрывается в обратном направлении. htmlacademy.ru html5book.ru
• alternate — анимация проигрывается в прямом и обратном направлениях чередуясь. htmlacademy.ru
• alternate-reverse — анимация проигрывается с конца до начала, а затем в обратном направлении. css.yoksel.ru

Значения animation-play-state:

• running — анимация воспроизводится, значение по умолчанию. htmlacademy.ru html5book.ru
• paused — анимация остановлена. htmlacademy.ru html5book.ru При перезапуске анимация начинается с того места, где она была остановлена. html5book.ru