{ "dom-animationevent-animationevent": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/AnimationEvent.json", "name": "AnimationEvent", "slug": "API/AnimationEvent/AnimationEvent", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent/AnimationEvent", "summary": "The AnimationEvent() constructor returns a new AnimationEvent object, representing an event in relation with an animation.", "support": { "chrome": { "version_added": "43" }, "chrome_android": "mirror", "edge": { "version_added": "14" }, "firefox": { "version_added": "23" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": [ { "version_added": "9" }, { "prefix": "WebKit", "version_added": "6" } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "AnimationEvent: AnimationEvent() constructor" } ], "dom-animationevent-animationname": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/AnimationEvent.json", "name": "animationName", "slug": "API/AnimationEvent/animationName", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent/animationName", "summary": "The AnimationEvent.animationName read-only property is a string containing the value of the animation-name CSS property associated with the transition.", "support": { "chrome": { "version_added": "43" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "5" }, "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "9" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "AnimationEvent: animationName property" } ], "dom-animationevent-elapsedtime": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/AnimationEvent.json", "name": "elapsedTime", "slug": "API/AnimationEvent/elapsedTime", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent/elapsedTime", "summary": "The AnimationEvent.elapsedTime read-only property is a float giving the amount of time the animation has been running, in seconds, when this event fired, excluding any time the animation was paused. For an animationstart event, elapsedTime is 0.0 unless there was a negative value for animation-delay, in which case the event will be fired with elapsedTime containing (-1 * delay).", "support": { "chrome": { "version_added": "43" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "5" }, "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "9" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "AnimationEvent: elapsedTime property" } ], "dom-animationevent-pseudoelement": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/AnimationEvent.json", "name": "pseudoElement", "slug": "API/AnimationEvent/pseudoElement", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent/pseudoElement", "summary": "The AnimationEvent.pseudoElement read-only property is a string, starting with '::', containing the name of the pseudo-element the animation runs on. If the animation doesn't run on a pseudo-element but on the element, an empty string: ''.", "support": { "chrome": { "version_added": "68" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "23" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "AnimationEvent: pseudoElement property" } ], "interface-animationevent": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/AnimationEvent.json", "name": "AnimationEvent", "slug": "API/AnimationEvent", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent", "summary": "The AnimationEvent interface represents events providing information related to animations.", "support": { "chrome": [ { "version_added": "43" }, { "version_added": "1", "version_removed": "70", "prefix": "WebKit" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "5" }, "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": [ { "version_added": "30" }, { "version_added": "12.1", "version_removed": "15" }, { "prefix": "WebKit", "version_added": "15", "version_removed": "57" }, { "prefix": "o", "version_added": "12", "version_removed": "15" } ], "opera_android": [ { "version_added": "30" }, { "version_added": "12.1", "version_removed": "14" }, { "prefix": "WebKit", "version_added": "14", "version_removed": "49" }, { "prefix": "o", "version_added": "12", "version_removed": "14" } ], "safari": [ { "version_added": "9" }, { "prefix": "WebKit", "version_added": "4" } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "43" }, { "version_added": "37", "version_removed": "70", "prefix": "WebKit" } ], "edge_blink": [ { "version_added": "79" }, { "version_added": false, "version_removed": "70", "prefix": "WebKit" } ] }, "title": "AnimationEvent" } ], "dom-csskeyframerule-keytext": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSKeyframeRule.json", "name": "keyText", "slug": "API/CSSKeyframeRule/keyText", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSKeyframeRule/keyText", "summary": "The keyText property of the CSSKeyframeRule interface represents the keyframe selector as a comma-separated list of percentage values. The from and to keywords map to 0% and 100%, respectively.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "5" }, "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": { "version_added": "12" }, "opera_android": { "version_added": "12" }, "safari": { "version_added": "4" }, "safari_ios": { "version_added": "4" }, "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "CSSKeyframeRule: keyText property" } ], "dom-csskeyframerule-style": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSKeyframeRule.json", "name": "style", "slug": "API/CSSKeyframeRule/style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSKeyframeRule/style", "summary": "The read-only CSSKeyframeRule.style property is the CSSStyleDeclaration interface for the declaration block of the CSSKeyframeRule.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "5" }, "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": { "version_added": "12" }, "opera_android": { "version_added": "12" }, "safari": { "version_added": "4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "CSSKeyframeRule: style property" } ], "interface-csskeyframerule": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSKeyframeRule.json", "name": "CSSKeyframeRule", "slug": "API/CSSKeyframeRule", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSKeyframeRule", "summary": "The CSSKeyframeRule interface describes an object representing a set of styles for a given keyframe. It corresponds to the contents of a single keyframe of a @keyframes at-rule.", "support": { "chrome": [ { "version_added": "31" }, { "version_added": "1", "version_removed": "31", "prefix": "WebKit" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "48" }, { "version_added": "5", "version_removed": "48", "prefix": "Moz" } ], "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": [ { "version_added": "18" }, { "version_added": "12", "version_removed": "15" }, { "version_added": "15", "version_removed": "18", "prefix": "WebKit" } ], "opera_android": [ { "version_added": "18" }, { "version_added": "12", "version_removed": "14" }, { "version_added": "14", "version_removed": "18", "prefix": "WebKit" } ], "safari": [ { "version_added": "9" }, { "version_added": "4", "version_removed": "9", "prefix": "WebKit" } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "4.4.3" }, { "version_added": "1", "version_removed": "4.4.3", "prefix": "WebKit" } ], "edge_blink": [ { "version_added": "79" }, { "version_added": false, "version_removed": "31", "prefix": "WebKit" } ] }, "title": "CSSKeyframeRule" } ], "interface-csskeyframesrule-appendrule": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSKeyframesRule.json", "name": "appendRule", "slug": "API/CSSKeyframesRule/appendRule", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSKeyframesRule/appendRule", "summary": "The appendRule() method of the CSSKeyframeRule interface appends a CSSKeyFrameRule to the end of the rules.", "support": { "chrome": [ { "version_added": "41" }, { "version_added": "1", "version_removed": "45", "alternative_name": "insertRule" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "21" }, { "version_added": "5", "version_removed": "21", "alternative_name": "insertRule" } ], "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": [ { "version_added": "28" }, { "version_added": "12", "version_removed": "15" }, { "version_added": "15", "version_removed": "31", "alternative_name": "insertRule" } ], "opera_android": [ { "version_added": "28" }, { "version_added": "12", "version_removed": "14" }, { "version_added": "14", "version_removed": "32", "alternative_name": "insertRule" } ], "safari": [ { "version_added": "9.1" }, { "version_added": "4", "alternative_name": "insertRule" } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": [ { "version_added": "79" }, { "version_added": false, "version_removed": "45", "alternative_name": "insertRule" } ] }, "title": "CSSKeyframesRule: appendRule() method" } ], "dom-csskeyframesrule-cssrules": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSKeyframesRule.json", "name": "cssRules", "slug": "API/CSSKeyframesRule/cssRules", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSKeyframesRule/cssRules", "summary": "The read-only cssRules property of the CSSKeyframeRule interface returns a CSSRuleList containing the rules in the keyframes at-rule.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "5" }, "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": { "version_added": "12" }, "opera_android": { "version_added": "12" }, "safari": { "version_added": "4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "CSSKeyframesRule: cssRules property" } ], "dom-csskeyframesrule-deleterule": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSKeyframesRule.json", "name": "deleteRule", "slug": "API/CSSKeyframesRule/deleteRule", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSKeyframesRule/deleteRule", "summary": "The deleteRule() method of the CSSKeyframeRule interface deletes the CSSKeyFrameRule that matches the specified keyframe selector.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "5" }, "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": { "version_added": "12" }, "opera_android": { "version_added": "12" }, "safari": { "version_added": "4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "CSSKeyframesRule: deleteRule() method" } ], "interface-csskeyframesrule-findrule": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSKeyframesRule.json", "name": "findRule", "slug": "API/CSSKeyframesRule/findRule", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSKeyframesRule/findRule", "summary": "The findRule() method of the CSSKeyframeRule interface finds the CSSKeyFrameRule that matches the specified keyframe selector.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "5" }, "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": { "version_added": "12" }, "opera_android": { "version_added": "12" }, "safari": { "version_added": "4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "CSSKeyframesRule: findRule() method" } ], "dom-csskeyframesrule-name": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSKeyframesRule.json", "name": "name", "slug": "API/CSSKeyframesRule/name", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSKeyframesRule/name", "summary": "The name property of the CSSKeyframeRule interface gets and sets the name of the animation as used by the animation-name property.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "5" }, "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": { "version_added": "12" }, "opera_android": { "version_added": "12" }, "safari": { "version_added": "4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "CSSKeyframesRule: name property" } ], "interface-csskeyframesrule": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSKeyframesRule.json", "name": "CSSKeyframesRule", "slug": "API/CSSKeyframesRule", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSKeyframesRule", "summary": "The CSSKeyframesRule interface describes an object representing a complete set of keyframes for a CSS animation. It corresponds to the contents of a whole @keyframes at-rule.", "support": { "chrome": [ { "version_added": "31" }, { "version_added": "1", "version_removed": "31", "prefix": "WebKit" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "48" }, { "version_added": "5", "version_removed": "48", "prefix": "Moz" } ], "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": [ { "version_added": "18" }, { "version_added": "12.1", "version_removed": "15" }, { "version_added": "15", "version_removed": "18", "prefix": "WebKit" }, { "version_added": "12", "version_removed": "12.1", "prefix": "O" } ], "opera_android": [ { "version_added": "18" }, { "version_added": "12.1", "version_removed": "14" }, { "version_added": "14", "version_removed": "18", "prefix": "WebKit" }, { "version_added": "12", "version_removed": "12.1", "prefix": "O" } ], "safari": [ { "version_added": "9.1" }, { "version_added": "4", "version_removed": "9.1", "prefix": "WebKit" } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "4.4.3" }, { "version_added": "1", "version_removed": "4.4.3", "prefix": "WebKit" } ], "edge_blink": [ { "version_added": "79" }, { "version_added": false, "version_removed": "31", "prefix": "WebKit" } ] }, "title": "CSSKeyframesRule" } ], "eventdef-globaleventhandlers-animationcancel": [ { "engines": [ "gecko", "webkit" ], "partial": [ "blink" ], "filename": "api/Element.json", "name": "animationcancel_event", "slug": "API/Element/animationcancel_event", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/Element/animationcancel_event", "summary": "The animationcancel event is fired when a CSS Animation unexpectedly aborts. In other words, any time it stops running without sending an animationend event. This might happen when the animation-name is changed such that the animation is removed, or when the animating node is hidden using CSS. Therefore, either directly or because any of its containing nodes are hidden.", "support": { "chrome": { "version_added": "83", "partial_implementation": true, "notes": "The onanimationcancel event handler property is not supported. To listen to this event, use element.addEventListener('animationcancel', function() {});. See bug 868224." }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "54" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": [ { "version_added": "13.1" }, { "version_added": "12", "version_removed": "13.1", "partial_implementation": true, "notes": "Although the onanimationcancel event handler property is supported, the animationcancel event is never fired." } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "83", "partial_implementation": true, "notes": "The onanimationcancel event handler property is not supported. To listen to this event, use element.addEventListener('animationcancel', function() {});. See bug 868224." } }, "title": "Element: animationcancel event" } ], "eventdef-globaleventhandlers-animationend": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/Element.json", "name": "animationend_event", "slug": "API/Element/animationend_event", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/Element/animationend_event", "summary": "The animationend event is fired when a CSS Animation has completed. If the animation aborts before reaching completion, such as if the element is removed from the DOM or the animation is removed from the element, the animationend event is not fired.", "support": { "chrome": [ { "version_added": "79" }, { "version_added": "81", "prefix": "webkit" }, { "version_added": "43", "version_removed": "79", "partial_implementation": true, "notes": "The onanimationend event handler property is not supported. To listen to this event, use document.addEventListener('animationend', function() {});." } ], "chrome_android": "mirror", "edge": { "version_added": "18" }, "firefox": [ { "version_added": "51" }, { "version_added": "5", "version_removed": "51", "partial_implementation": true, "notes": "The onanimationend event handler property is not supported. To listen to this event, use document.addEventListener('animationend', function() {});." } ], "firefox_android": "mirror", "ie": { "version_added": "10", "partial_implementation": true, "notes": "The onanimationend event handler property is not supported. To listen to this event, use document.addEventListener('animationend', function() {});." }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "9" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": [ { "version_added": "79" }, { "version_added": "81", "prefix": "webkit" }, { "version_added": false, "version_removed": "79", "partial_implementation": true, "notes": "The onanimationend event handler property is not supported. To listen to this event, use document.addEventListener('animationend', function() {});." } ] }, "title": "Element: animationend event" } ], "eventdef-globaleventhandlers-animationiteration": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/Element.json", "name": "animationiteration_event", "slug": "API/Element/animationiteration_event", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/Element/animationiteration_event", "summary": "The animationiteration event is fired when an iteration of a CSS Animation ends, and another one begins. This event does not occur at the same time as the animationend event, and therefore does not occur for animations with an animation-iteration-count of one.", "support": { "chrome": [ { "version_added": "79" }, { "version_added": "81", "prefix": "webkit" }, { "version_added": "43", "version_removed": "79", "partial_implementation": true, "notes": "The onanimationiteration event handler property is not supported. To listen to this event, use document.addEventListener('animationiteration', function() {});." } ], "chrome_android": "mirror", "edge": { "version_added": "18" }, "firefox": [ { "version_added": "51" }, { "version_added": "5", "version_removed": "51", "partial_implementation": true, "notes": "The onanimationiteration event handler property is not supported. To listen to this event, use document.addEventListener('animationiteration', function() {});." } ], "firefox_android": "mirror", "ie": { "version_added": "10", "partial_implementation": true, "notes": "The onanimationiteration event handler property is not supported. To listen to this event, use document.addEventListener('animationiteration', function() {});." }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "9" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": [ { "version_added": "79" }, { "version_added": "81", "prefix": "webkit" }, { "version_added": false, "version_removed": "79", "partial_implementation": true, "notes": "The onanimationiteration event handler property is not supported. To listen to this event, use document.addEventListener('animationiteration', function() {});." } ] }, "title": "Element: animationiteration event" } ], "eventdef-globaleventhandlers-animationstart": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/Element.json", "name": "animationstart_event", "slug": "API/Element/animationstart_event", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/Element/animationstart_event", "summary": "The animationstart event is fired when a CSS Animation has started. If there is an animation-delay, this event will fire once the delay period has expired. A negative delay will cause the event to fire with an elapsedTime equal to the absolute value of the delay (and, correspondingly, the animation will begin playing at that time index into the sequence).", "support": { "chrome": [ { "version_added": "79" }, { "version_added": "81", "prefix": "webkit" }, { "version_added": "43", "version_removed": "79", "partial_implementation": true, "notes": "The onanimationstart event handler property is not supported. To listen to this event, use document.addEventListener('animationstart', function() {});." } ], "chrome_android": "mirror", "edge": { "version_added": "18" }, "firefox": [ { "version_added": "51" }, { "version_added": "5", "version_removed": "51", "partial_implementation": true, "notes": "The onanimationstart event handler property is not supported. To listen to this event, use document.addEventListener('animationstart', function() {});." } ], "firefox_android": "mirror", "ie": { "version_added": "10", "partial_implementation": true, "notes": "The onanimationstart event handler property is not supported. To listen to this event, use document.addEventListener('animationstart', function() {});." }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "9" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": [ { "version_added": "79" }, { "version_added": "81", "prefix": "webkit" }, { "version_added": false, "version_removed": "79", "partial_implementation": true, "notes": "The onanimationstart event handler property is not supported. To listen to this event, use document.addEventListener('animationstart', function() {});." } ] }, "title": "Element: animationstart event" } ], "keyframes": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/at-rules/keyframes.json", "name": "keyframes", "slug": "CSS/@keyframes", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes", "summary": "The @keyframes CSS at-rule controls the intermediate steps in a CSS animation sequence by defining styles for keyframes (or waypoints) along the animation sequence. This gives more control over the intermediate steps of the animation sequence than transitions.", "support": { "chrome": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "1" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "16" }, { "version_added": "49", "prefix": "-webkit-" }, { "prefix": "-moz-", "version_added": "5" } ], "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "15" }, { "version_added": "12.1", "version_removed": "15" }, { "prefix": "-o-", "version_added": "12", "version_removed": "15" } ], "opera_android": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "14" }, { "version_added": "12.1", "version_removed": "14" }, { "prefix": "-o-", "version_added": "12", "version_removed": "14" } ], "safari": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "4" } ], "safari_ios": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "4" } ], "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "@keyframes" } ], "animation-delay": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/animation-delay.json", "name": "animation-delay", "slug": "CSS/animation-delay", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation-delay", "summary": "The animation-delay CSS property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. The animation can start later, immediately from its beginning, or immediately and partway through the animation.", "support": { "chrome": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "3" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "16", "notes": "Before Firefox 57, Firefox does not repaint elements outside the viewport that are animated into the viewport with a delay. This bug affects only some platforms, such as Windows." }, { "version_added": "49", "prefix": "-webkit-" }, { "prefix": "-moz-", "version_added": "5" } ], "firefox_android": [ { "version_added": "16" }, { "prefix": "-webkit-", "version_added": "49" }, { "prefix": "-moz-", "version_added": "5" } ], "ie": { "version_added": "10" }, "oculus": "mirror", "opera": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "15" }, { "version_added": "12.1", "version_removed": "15" }, { "prefix": "-o-", "version_added": "12", "version_removed": "15" } ], "opera_android": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "14" }, { "version_added": "12.1", "version_removed": "14" }, { "prefix": "-o-", "version_added": "12", "version_removed": "14" } ], "safari": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "4" } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "37" } ], "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "animation-delay" } ], "animation-direction": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/animation-direction.json", "name": "animation-direction", "slug": "CSS/animation-direction", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction", "summary": "The animation-direction CSS property sets whether an animation should play forward, backward, or alternate back and forth between playing the sequence forward and backward.", "support": { "chrome": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "3" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "16" }, { "version_added": "49", "prefix": "-webkit-" }, { "prefix": "-moz-", "version_added": "5" } ], "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "15" }, { "version_added": "12.1", "version_removed": "15" }, { "prefix": "-o-", "version_added": "12", "version_removed": "15" } ], "opera_android": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "14" }, { "version_added": "12.1", "version_removed": "14" }, { "prefix": "-o-", "version_added": "12", "version_removed": "14" } ], "safari": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "4" } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "37" } ], "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "animation-direction" } ], "animation-duration": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/animation-duration.json", "name": "animation-duration", "slug": "CSS/animation-duration", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation-duration", "summary": "The animation-duration CSS property sets the length of time that an animation takes to complete one cycle.", "support": { "chrome": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "3" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "16" }, { "version_added": "49", "prefix": "-webkit-" }, { "prefix": "-moz-", "version_added": "5" } ], "firefox_android": "mirror", "ie": { "version_added": "10", "partial_implementation": true, "notes": "Once the element has loaded, changing the value of this property has no effect." }, "oculus": "mirror", "opera": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "15" }, { "version_added": "12.1", "version_removed": "15" }, { "prefix": "-o-", "version_added": "12", "version_removed": "15" } ], "opera_android": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "14" }, { "version_added": "12.1", "version_removed": "14" }, { "prefix": "-o-", "version_added": "12", "version_removed": "14" } ], "safari": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "4" } ], "safari_ios": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "4.2" } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "2" } ], "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "animation-duration" } ], "animation-fill-mode": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/animation-fill-mode.json", "name": "animation-fill-mode", "slug": "CSS/animation-fill-mode", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation-fill-mode", "summary": "The animation-fill-mode CSS property sets how a CSS animation applies styles to its target before and after its execution.", "support": { "chrome": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "3" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "16" }, { "version_added": "49", "prefix": "-webkit-" }, { "prefix": "-moz-", "version_added": "5" } ], "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "15" }, { "version_added": "12.1", "version_removed": "15" }, { "prefix": "-o-", "version_added": "12", "version_removed": "15" } ], "opera_android": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "14" }, { "version_added": "12.1", "version_removed": "14" }, { "prefix": "-o-", "version_added": "12", "version_removed": "14" } ], "safari": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "5" } ], "safari_ios": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "4" } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "37" } ], "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "animation-fill-mode" } ], "animation-iteration-count": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/animation-iteration-count.json", "name": "animation-iteration-count", "slug": "CSS/animation-iteration-count", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count", "summary": "The animation-iteration-count CSS property sets the number of times an animation sequence should be played before stopping.", "support": { "chrome": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "3" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "16" }, { "version_added": "49", "prefix": "-webkit-" }, { "prefix": "-moz-", "version_added": "5" } ], "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "15" }, { "version_added": "12.1", "version_removed": "15" }, { "prefix": "-o-", "version_added": "12", "version_removed": "15" } ], "opera_android": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "14" }, { "version_added": "12.1", "version_removed": "14" }, { "prefix": "-o-", "version_added": "12", "version_removed": "14" } ], "safari": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "4" } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "37" } ], "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "animation-iteration-count" } ], "animation-name": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/animation-name.json", "name": "animation-name", "slug": "CSS/animation-name", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation-name", "summary": "The animation-name CSS property specifies the names of one or more @keyframes at-rules that describe the animation to apply to an element. Multiple @keyframe at-rules are specified as a comma-separated list of names. If the specified name does not match any @keyframe at-rule, no properties are animated.", "support": { "chrome": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "3" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "16" }, { "prefix": "-webkit-", "version_added": "49" }, { "prefix": "-moz-", "version_added": "5" } ], "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "15" }, { "version_added": "12.1", "version_removed": "15" }, { "prefix": "-o-", "version_added": "12", "version_removed": "15" } ], "opera_android": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "14" }, { "version_added": "12.1", "version_removed": "14" }, { "prefix": "-o-", "version_added": "12", "version_removed": "14" } ], "safari": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "4" } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "37" } ], "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "animation-name" } ], "animation-play-state": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/animation-play-state.json", "name": "animation-play-state", "slug": "CSS/animation-play-state", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation-play-state", "summary": "The animation-play-state CSS property sets whether an animation is running or paused.", "support": { "chrome": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "3" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "16" }, { "prefix": "-webkit-", "version_added": "49" }, { "prefix": "-moz-", "version_added": "5" } ], "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "15" }, { "version_added": "12.1", "version_removed": "15" }, { "prefix": "-o-", "version_added": "12", "version_removed": "15" } ], "opera_android": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "14" }, { "version_added": "12.1", "version_removed": "14" }, { "prefix": "-o-", "version_added": "12", "version_removed": "14" } ], "safari": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "4" } ], "safari_ios": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "2" } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "37" } ], "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "animation-play-state" } ], "animation-timing-function": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/animation-timing-function.json", "name": "animation-timing-function", "slug": "CSS/animation-timing-function", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timing-function", "summary": "The animation-timing-function CSS property sets how an animation progresses through the duration of each cycle.", "support": { "chrome": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "3" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "16" }, { "prefix": "-webkit-", "version_added": "49" }, { "prefix": "-moz-", "version_added": "5" } ], "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "15" }, { "version_added": "12.1", "version_removed": "15" }, { "prefix": "-o-", "version_added": "12", "version_removed": "15" } ], "opera_android": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "14" }, { "version_added": "12.1", "version_removed": "14" }, { "prefix": "-o-", "version_added": "12", "version_removed": "14" } ], "safari": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "4" } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "37" } ], "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "animation-timing-function" } ], "animation": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/animation.json", "name": "animation", "slug": "CSS/animation", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation", "summary": "The animation shorthand CSS property applies an animation between styles. It is a shorthand for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state, and animation-timeline.", "support": { "chrome": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "3" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "16" }, { "prefix": "-webkit-", "version_added": "49" }, { "prefix": "-moz-", "version_added": "5" } ], "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "15" }, { "version_added": "12.1", "version_removed": "15" }, { "prefix": "-o-", "version_added": "12", "version_removed": "15" } ], "opera_android": [ { "version_added": "30" }, { "prefix": "-webkit-", "version_added": "14" }, { "version_added": "12.1", "version_removed": "14" }, { "prefix": "-o-", "version_added": "12", "version_removed": "14" } ], "safari": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "4" } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "43" }, { "prefix": "-webkit-", "version_added": "2", "notes": "The animation-fill-mode property is not supported in Android browsers below 2.3." } ], "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "animation" } ] }