Использование CSS-анимации

Анимации CSS позволяют анимировать переходы от одной конфигурации стиля CSS к другой. Анимация состоит из двух компонентов: стиля, описывающего анимацию CSS, и набора ключевых кадров, указывающих начальное и конечное состояния стиля анимации, а также возможные промежуточные путевые точки.

Есть три ключевых преимущества CSS-анимации по сравнению с традиционными методами анимации на основе скриптов: