CSSAnimation

Интерфейс CSSAnimation из API веб-анимаций представляет собой объект Animation.

Этот интерфейс наследует свойства от родительского интерфейса Animation.

CSSAnimation.animationName Только для чтения

Возвращает имя анимации в виде строки.

Этот интерфейс наследует методы от родительского интерфейса Animation.

Анимация в следующем примере определена в CSS с именем slide-in. Вызов Element.getAnimations() возвращает массив всех объектов Animation. В нашем случае это возвращает объект CSSAnimation, представляющий анимацию, созданную в CSS.

.animate {
  animation: slide-in 0.7s both;
}

@keyframes slide-in {
  0% {
    transform: translateY(-1000px);
  }
  100% {
    transform: translateY(0);
  }
}

let animations = document.querySelector(".animate").getAnimations();
console.log(animations[0]);