CSSKeyframeRule

Experimental

これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

CSSKeyframeRule インターフェイスは、指定された keyframe のスタイルセットを表すオブジェクトを提供します。@-規則@keyframes の 1 つのキーフレームに対応しています。これはタイプ値 8 (CSSRule.KEYFRAME_RULE) の CSSRule インターフェイスを実装しています。

プロパティ

CSSRule のように、CSSKeyframeRule もそのインターフェイスから継承したプロパティを実装しています。独自プロパティも 2 つ実装しています:

CSSKeyframe.keyText
'10%''75%' のように、keyframe のキーを表す。from キーワードは '0%' にマッピングされ、to キーワードは '100%' にマッピングされる。
CSSKeyframe.style  読取専用
keyfrom に関連した CSS スタイルの CSSStyleDeclaration を返す。

メソッド

CSSRule のように、CSSKeyframeRule もそのインターフェイスのメソッドを継承しています。独自のメソッドはありません。

仕様

仕様 状態 コメント
CSS Animations Level 1
CSSKeyframeRule の定義
草案 初期定義。

ブラウザ実装状況

BCD tables only load in the browser

関連項目