Изучение свойств CSS-анимации: подробное руководство по созданию динамических веб-анимаций

Свойства CSS-анимации:

  1. animation-name: указывает имя анимации.
  2. animation-duration: устанавливает продолжительность анимации.
  3. animation-timing-function: определяет кривую скорости анимации.
  4. animation-delay: определяет задержку перед запуском анимации.
  5. animation-iteration-count: устанавливает количество раз, которое должна запускаться анимация.
  6. animation-direction: определяет, должна ли анимация воспроизводиться вперед, назад или попеременно вперед и назад.
  7. animation-fill-mode: определяет, как к анимации следует применять стили до и после ее выполнения.
  8. animation-play-state: определяет, запущена или приостановлена ​​анимация.
  9. animation: сокращенное свойство для установки всех свойств анимации в одном объявлении.