これは実験段階の機能です。
この機能は複数のブラウザで開発中の状態にあります。各ブラウザで用いるために、適切なベンダー接頭辞が必要な場合があります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザの将来のバージョンで変更になる可能性があることに注意してください。
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 の定義 |
草案 | 初期定義。 |
ブラウザ実装状況
| 機能 | 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 のブログ投稿 をご覧ください。