CSSKeyframeRule

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

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
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 のブログ投稿 をご覧ください。

関連項目

ドキュメントのタグと貢献者

このページの貢献者: dskmori, YuichiNukiyama
最終更新者: dskmori,