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 の定義
草案 初期定義。

ブラウザ実装状況

現在、互換性データを可読形式の JSON フォーマットに置き換えているところです。 この互換性一覧は古い形式を使っており、これに含まれるデータの置き換えが済んでいません。 手助けしていただける場合は、こちらから!

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート (有) 5.0 (5.0) -moz
48 (48)
10 12 -o
12.50[1]
4.0
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート (有) 5.0 (5.0) -moz
48 (48)
? ? ?

[1] See Opera 12.50 のブログ投稿 をご覧ください。

関連項目