DOM

：

：

KeyframeEffect インターフェイス

　編集：2022.10.24 by T.A.

[Edge]。→、、

コンストラクター
プロパティ
メソッド

Web Animations API のインターフェイス。アニメーション化可能なプロパティと値のセットを作成でき、キーフレームと呼ばれます。これらは Animation() コンストラクターを使用して再生できます。

AnimationEffect から継承されている。

コンストラクター

new KeyframeEffect(target, keyframes[, options]) new KeyframeEffect(sourceKeyFrames): 新しい KeyframeEffect オブジェクトのインスタンスを返します。
また、既存のキーフレーム効果オブジェクトインスタンスを複製することもできます。

インスタンスプロパティ

KeyframeEffect.target: KeyframeEffect に割り当てられている要素または疑似要素を表します。
KeyframeEffect.pseudoElement [Edge]？: KeyframeEffect に割り当てられている疑似要素のセレクターを取得／設定します。
KeyframeEffect.iterationComposite 実験的 [Edge]⛌: このキーフレーム効果のプロパティ値の変更を解決するための反復合成操作を取得および設定します。
KeyframeEffect.composite: KeyframeEffect が現在のプロパティ値にどのように影響するかを文字列で取得／設定します。

KeyframeEffect.spacing: ¶

インスタンスメソッド

このインターフェイスは、その親である AnimationEffect からメソッドを継承します。

KeyframeEffect.getKeyframes(): KeyframeEffect の計算されたオフセットとともに、このアニメーションを構成する計算されたキーフレームの配列（→keyframes）を返します。
KeyframeEffect.setKeyframes(): KeyframeEffect のキーフレームを新しいキーフレームのセットに置き換えます。

テスト