{"json_modified": "2016-05-20T00:44:31.010192", "uuid": "8881500a-40f6-492a-8ac6-c3c4a0eb48fa", "title": "CSSKeyframesRule", "url": "/en-US/docs/Web/API/CSSKeyframesRule", "tags": ["API", "Interface", "Reference", "Experimental", "CSS Animations", "CSSOM", "Api"], "translations": [], "modified": "2016-05-20T00:44:30", "label": "CSSKeyframesRule", "localization_tags": [], "locale": "en-US", "id": 58653, "last_edit": "2016-05-20T00:44:24", "summary": "The <strong><code>CSSKeyframesRule</code></strong> interface describes an object representing a complete set of keyframes for a CSS animation. It corresponds to the contains of a whole <a href=\"/en-US/docs/Web/CSS/@keyframes\" title=\"The @keyframes CSS at-rule lets authors control the intermediate steps in a CSS animation sequence by establishing keyframes (or waypoints) along the animation sequence that must be reached by certain points during the animation. This gives you more specific control over the intermediate steps of the animation sequence than you'd get when letting the browser handle everything automatically.\"><code>@keyframes</code></a> <a href=\"/en-US/docs/CSS/At-rule\">at-rule</a>. It implements the <a href=\"/en-US/docs/Web/API/CSSRule\" title=\"An object implementing the CSSRule DOM interface represents a single CSS at-rule. References to a CSSRule-implementing object may be obtained by looking at a CSS style sheet's cssRules list.\"><code>CSSRule</code></a> interface with a type value of <code>7</code> (<code>CSSRule.KEYFRAMES_RULE</code>).", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Properties", "title": "Properties"}, {"id": "Methods", "title": "Methods"}, {"id": "Specification", "title": "Specification"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/API/CSSKeyframesRule", "review_tags": []}