This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
The 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'10%', '75%'. The from keyword maps to '0%' and the to keyword maps to '100%'.CSSKeyframe.style Read only
CSSStyleDeclaration of the CSS style associated with the keyfrom.As a CSSRule, CSSKeyframeRule also implements the methods of that interface. It has no specific methods.
| Specification | Status | Comment |
|---|---|---|
| CSS Animations The definition of 'CSSKeyframeRule' in that specification. | Working Draft | Initial definition |
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) |
5.0 (5.0) -moz 48 (48) | 10 | 12 -o 12.50[1] | 4.0 |
| Feature | Android | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) |
5.0 (5.0) -moz 48 (48) | ? | ? | ? |
[1] See the blog post to Opera 12.50.
© 2005–2017 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSKeyframeRule