CSSKeyframeRule

这是 实验性技术
检查 浏览器兼容性表格 在生产中使用这之前。

CSSKeyframeRule interface describes an object representing a set of style for a given keyframe. It corresponds to the contains of a single keyframe of a @keyframes at-rule . It implements the CSSRule interface with a type value of 8 ( CSSRule.KEYFRAME_RULE ).

特性

As a CSSRule , CSSKeyframeRule also implements the properties of these interfaces. It has two specific properties:

CSSKeyframe.keyText
Represents the key of the keyframe, like '10%' , '75%' from keyword maps to '0%' to keyword maps to '100%' .
CSSKeyframe.style 只读
返回 CSSStyleDeclaration of the CSS style associated with the keyframe.

方法

As a CSSRule , CSSKeyframeRule also implements the methods of that interface. It has no specific methods.

规范

规范 状态 Comment
CSS Animations
The definition of 'CSSKeyframeRule' in that specification.
工作草案 初始定义

浏览器兼容性

更新 GitHub 上的兼容性数据
Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
CSSKeyframeRule
Chrome Yes Edge 12 Firefox 48
48
5
Prefixed
Prefixed Implemented with the vendor prefix: moz
IE 10 Opera 12
Prefixed
12
Prefixed
Prefixed Implemented with the vendor prefix: o
Safari 4 WebView Android 45 Chrome Android 45 Firefox Android 48
48
5
Prefixed
Prefixed Implemented with the vendor prefix: moz
Opera Android Yes Safari iOS Yes Samsung Internet Android 5.0
keyText
Chrome Yes Edge 12 Firefox 48 IE 10 Opera 12 Safari 4 WebView Android 45 Chrome Android 45 Firefox Android Yes Opera Android Yes Safari iOS Yes Samsung Internet Android 5.0
style
Chrome Yes Edge 12 Firefox 48 IE 10 Opera 12 Safari 4 WebView Android 45 Chrome Android 45 Firefox Android Yes Opera Android Yes Safari iOS Yes Samsung Internet Android 5.0

图例

完整支持
完整支持
实验。期望将来行为有所改变。
实验。期望将来行为有所改变。
要求使用供应商前缀或不同名称。
要求使用供应商前缀或不同名称。

另请参阅