CSSAnimation: свойство animationName

Свойство animationName интерфейса CSSAnimation возвращает animation-name. Оно указывает одно или несколько правил ключевых кадров, которые описывают анимацию, применяемую к элементу.

Строка.

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

.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].animationName);