CSSKeyframeRule - 描述了一个代表给定的关键帧的一组样式的对象
这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。
CSSKeyframeRule 接口描述了一个代表给定的关键帧的一组样式的对象。它对应于包含 @keyframes at-rule 的单个关键帧。它实现了 CSSRule 接口，其类型值为 8（CSSRule.KEYFRAME_RULE）。
属性
作为 CSSRule 的子类，CSSKeyframeRule 也实现了这些接口的属性。它有两个特有的属性：
CSSKeyframe.keyText
表示关键帧的关键字，如 '10％'，'75％'。 from 关键字映射到 '0％'，'to' 关键字映射到 '100％'。
CSSKeyframe.style 只读
返回与 keyfrom 关联的 CSS 样式的 CSSStyleDeclaration。
方法
作为 CSSRule 的子类，CSSKeyframeRule 也实现了该接口的方法。它没有特有的方法。
规范
| 规范 | 状态 | 备注 |
|---|---|---|
| CSS Animations CSSKeyframeRule 的定义 |
工作草案 | 初始定义 |
桌面浏览器兼容性
| 特性 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| 基础支持 | 支持 | 支持 | 5.0 -moz 48 |
10 | 12 -o 12.50[1] |
4.0 |
移动浏览器兼容性
| 特性 | Android | Edge | Firefox Mobile | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| 基础支持 | 支持 | 支持 | 5.0 -moz 48 |
未知 | 未知 | 未知 |
[1] 请参阅 Opera 12.50 的博客文章。