CSSTransition: свойство transitionProperty

Свойство transitionProperty интерфейса CSSTransition возвращает полное имя свойства перехода. Это полная форма CSS свойства, для которого был сгенерирован переход.

Строка.

В следующем примере переход изменяет ширину блока при наведении курсора. Вызов Element.getAnimations() возвращает массив всех объектов Animation. В нашем случае это возвращает объект CSSTransition, представляющий созданную анимацию. Свойство transitionProperty возвращает свойство, для которого создан переход, а именно width.

.box {
  background-color: #165baa;
  color: #fff;
  width: 100px;
  height: 100px;
  transition: width 4s;
}

.box:hover {
  width: 200px;
}

const item = document.querySelector(".box");
item.addEventListener("transitionrun", () => {
  let animations = document.querySelector(".box").getAnimations();
  console.log(animations[0].propertyName);
});