CSSAnimation

インスタンスプロパティ

このインターフェイスには、親である Animation から継承したプロパティがあります。

CSSAnimation.animationName 読取専用

アニメーション名を文字列で返します。

インスタンスメソッド

このインターフェイスには、親である Animation から継承したメソッドがあります。

例

返された CSSAnimation の検査

次の例におけるアニメーションは、slide-in という名前で CSS に定義されています。Element.getAnimations() を呼び出すと、すべての Animation オブジェクトの配列が返されます。この場合、CSS で生成されたアニメーションを表す CSSAnimation オブジェクトが返されます。

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

仕様書

ブラウザーの互換性