CSSKeyframeRule

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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).

Properties

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%'. The from keyword maps to '0%' and the to keyword maps to '100%'.
CSSKeyframe.style  Read only
Returns a CSSStyleDeclaration of the CSS style associated with the keyfrom.

Methods

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

Specification

Specification Status Comment
CSS Animations
The definition of 'CSSKeyframeRule' in that specification.
Working Draft Initial definition

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes Yes

48

5 moz

1012 -o 4
keyText Yes Yes4810124
style Yes Yes4810124
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support4545 Yes

48

5 moz

? ? ?
keyText4545 Yes Yes ? ? ?
style4545 Yes Yes ? ? ?

See also

Document Tags and Contributors

Contributors to this page: fscholz, erikadoyle, Sebastianz, ttromey, Sheppy, teoli, kscarfone
Last updated by: fscholz,