{ "caniuse": [ "svg-smil" ], "compat_features": [ "api.SVGAnimateElement", "api.SVGAnimateMotionElement", "api.SVGAnimateTransformElement", "api.SVGAnimatedAngle", "api.SVGAnimatedAngle.animVal", "api.SVGAnimatedAngle.baseVal", "api.SVGAnimatedBoolean", "api.SVGAnimatedBoolean.animVal", "api.SVGAnimatedBoolean.baseVal", "api.SVGAnimatedEnumeration", "api.SVGAnimatedEnumeration.animVal", "api.SVGAnimatedEnumeration.baseVal", "api.SVGAnimatedInteger", "api.SVGAnimatedInteger.animVal", "api.SVGAnimatedInteger.baseVal", "api.SVGAnimatedLength", "api.SVGAnimatedLength.animVal", "api.SVGAnimatedLength.baseVal", "api.SVGAnimatedLengthList", "api.SVGAnimatedLengthList.animVal", "api.SVGAnimatedLengthList.baseVal", "api.SVGAnimatedNumber", "api.SVGAnimatedNumber.animVal", "api.SVGAnimatedNumber.baseVal", "api.SVGAnimatedNumberList", "api.SVGAnimatedNumberList.animVal", "api.SVGAnimatedNumberList.baseVal", "api.SVGAnimatedPreserveAspectRatio", "api.SVGAnimatedPreserveAspectRatio.animVal", "api.SVGAnimatedPreserveAspectRatio.baseVal", "api.SVGAnimatedRect", "api.SVGAnimatedRect.animVal", "api.SVGAnimatedRect.baseVal", "api.SVGAnimatedString", "api.SVGAnimatedString.animVal", "api.SVGAnimatedString.baseVal", "api.SVGAnimatedTransformList", "api.SVGAnimatedTransformList.animVal", "api.SVGAnimatedTransformList.baseVal", "api.SVGAnimationElement", "api.SVGAnimationElement.beginElement", "api.SVGAnimationElement.beginElementAt", "api.SVGAnimationElement.beginEvent_event", "api.SVGAnimationElement.endElement", "api.SVGAnimationElement.endElementAt", "api.SVGAnimationElement.endEvent_event", "api.SVGAnimationElement.getCurrentTime", "api.SVGAnimationElement.getSimpleDuration", "api.SVGAnimationElement.getStartTime", "api.SVGAnimationElement.repeatEvent_event", "api.SVGAnimationElement.requiredExtensions", "api.SVGAnimationElement.systemLanguage", "api.SVGAnimationElement.targetElement", "api.SVGPolygonElement.animatedPoints", "api.SVGPolylineElement.animatedPoints", "api.SVGSVGElement.animationsPaused", "api.SVGSVGElement.pauseAnimations", "api.SVGSVGElement.unpauseAnimations", "api.TimeEvent", "api.TimeEvent.detail", "api.TimeEvent.initTimeEvent", "api.TimeEvent.view", "svg.elements.animate", "svg.elements.animate.attributeName", "svg.elements.animate.attributeType", "svg.elements.animate.dur", "svg.elements.animate.fill", "svg.elements.animate.from", "svg.elements.animate.href", "svg.elements.animate.repeatCount", "svg.elements.animate.systemLanguage", "svg.elements.animate.to", "svg.elements.animateMotion", "svg.elements.animateMotion.calcMode", "svg.elements.animateMotion.fill", "svg.elements.animateMotion.href", "svg.elements.animateMotion.keyPoints", "svg.elements.animateMotion.origin", "svg.elements.animateMotion.path", "svg.elements.animateMotion.rotate", "svg.elements.animateMotion.systemLanguage", "svg.elements.animateTransform", "svg.elements.animateTransform.by", "svg.elements.animateTransform.fill", "svg.elements.animateTransform.from", "svg.elements.animateTransform.href", "svg.elements.animateTransform.systemLanguage", "svg.elements.animateTransform.to", "svg.elements.animateTransform.type", "svg.global_attributes.class.animation_support" ], "description": "The , , and SVG elements declaratively animate SVG elements. Also known as SMIL.", "description_html": "The <animate>, <animateMotion>, and <animateTransform> SVG elements declaratively animate SVG elements. Also known as SMIL.", "group": [ "animation", "svg" ], "kind": "feature", "name": "SMIL SVG animations", "spec": [ "https://svgwg.org/specs/animations/" ], "status": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "by_compat_key": { "api.SVGAnimateElement": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimateMotionElement": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "19", "chrome_android": "25", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "6", "safari_ios": "6" } }, "api.SVGAnimateTransformElement": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedAngle": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedAngle.animVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedAngle.baseVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedBoolean": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "6", "chrome_android": "18", "edge": "12", "firefox": "3", "firefox_android": "4", "safari": "5", "safari_ios": "4" } }, "api.SVGAnimatedBoolean.animVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "6", "chrome_android": "18", "edge": "12", "firefox": "3", "firefox_android": "4", "safari": "6", "safari_ios": "6" } }, "api.SVGAnimatedBoolean.baseVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "6", "chrome_android": "18", "edge": "12", "firefox": "3", "firefox_android": "4", "safari": "6", "safari_ios": "6" } }, "api.SVGAnimatedEnumeration": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedEnumeration.animVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedEnumeration.baseVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedInteger": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "6", "chrome_android": "18", "edge": "12", "firefox": "3", "firefox_android": "4", "safari": "5", "safari_ios": "4" } }, "api.SVGAnimatedInteger.animVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "6", "chrome_android": "18", "edge": "12", "firefox": "3", "firefox_android": "4", "safari": "6", "safari_ios": "6" } }, "api.SVGAnimatedInteger.baseVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "6", "chrome_android": "18", "edge": "12", "firefox": "3", "firefox_android": "4", "safari": "6", "safari_ios": "6" } }, "api.SVGAnimatedLength": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedLength.animVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedLength.baseVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedLengthList": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedLengthList.animVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedLengthList.baseVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedNumber": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedNumber.animVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedNumber.baseVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedNumberList": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "6", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "5", "safari_ios": "4" } }, "api.SVGAnimatedNumberList.animVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "6", "chrome_android": "18", "edge": "12", "firefox": "3", "firefox_android": "4", "safari": "6", "safari_ios": "6" } }, "api.SVGAnimatedNumberList.baseVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "6", "chrome_android": "18", "edge": "12", "firefox": "3", "firefox_android": "4", "safari": "6", "safari_ios": "6" } }, "api.SVGAnimatedPreserveAspectRatio": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "5", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "5", "safari_ios": "4" } }, "api.SVGAnimatedPreserveAspectRatio.animVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "5", "chrome_android": "18", "edge": "12", "firefox": "22", "firefox_android": "22", "safari": "6", "safari_ios": "6" } }, "api.SVGAnimatedPreserveAspectRatio.baseVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "5", "chrome_android": "18", "edge": "12", "firefox": "22", "firefox_android": "22", "safari": "6", "safari_ios": "6" } }, "api.SVGAnimatedRect": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedRect.animVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "15", "firefox_android": "15", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedRect.baseVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "15", "firefox_android": "15", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedString": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedString.animVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedString.baseVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedTransformList": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedTransformList.animVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimatedTransformList.baseVal": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimationElement": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimationElement.beginElement": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "4", "safari_ios": "3.2" } }, "api.SVGAnimationElement.beginElementAt": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "4", "safari_ios": "3.2" } }, "api.SVGAnimationElement.beginEvent_event": { "baseline": "low", "baseline_low_date": "2025-12-12", "support": { "chrome": "35", "chrome_android": "35", "edge": "79", "firefox": "93", "firefox_android": "93", "safari": "26.2", "safari_ios": "26.2" } }, "api.SVGAnimationElement.endElement": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "4", "safari_ios": "3.2" } }, "api.SVGAnimationElement.endElementAt": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "4", "safari_ios": "3.2" } }, "api.SVGAnimationElement.endEvent_event": { "baseline": false, "support": { "chrome": "35", "chrome_android": "35", "edge": "79", "firefox": "93", "firefox_android": "93" } }, "api.SVGAnimationElement.getCurrentTime": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "4", "safari_ios": "3.2" } }, "api.SVGAnimationElement.getSimpleDuration": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "4", "safari_ios": "3.2" } }, "api.SVGAnimationElement.getStartTime": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "4", "safari_ios": "3.2" } }, "api.SVGAnimationElement.repeatEvent_event": { "baseline": "low", "baseline_low_date": "2025-12-12", "support": { "chrome": "35", "chrome_android": "35", "edge": "79", "firefox": "93", "firefox_android": "93", "safari": "26.2", "safari_ios": "26.2" } }, "api.SVGAnimationElement.requiredExtensions": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "12", "firefox_android": "14", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimationElement.systemLanguage": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "12", "firefox_android": "14", "safari": "3", "safari_ios": "1" } }, "api.SVGAnimationElement.targetElement": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "4", "safari_ios": "3.2" } }, "api.SVGPolygonElement.animatedPoints": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGPolylineElement.animatedPoints": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGSVGElement.animationsPaused": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "1", "chrome_android": "18", "edge": "79", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGSVGElement.pauseAnimations": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.SVGSVGElement.unpauseAnimations": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.TimeEvent": { "baseline": false, "support": { "firefox": "4", "firefox_android": "4" } }, "api.TimeEvent.detail": { "baseline": false, "support": { "firefox": "4", "firefox_android": "4" } }, "api.TimeEvent.initTimeEvent": { "baseline": false, "support": { "firefox": "4", "firefox_android": "4" } }, "api.TimeEvent.view": { "baseline": false, "support": { "firefox": "4", "firefox_android": "4" } }, "svg.elements.animate": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "3.1", "safari_ios": "2" } }, "svg.elements.animate.attributeName": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "4", "safari_ios": "3.2" } }, "svg.elements.animate.attributeType": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "4", "safari_ios": "3.2" } }, "svg.elements.animate.dur": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "4", "safari_ios": "3.2" } }, "svg.elements.animate.fill": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "3.1", "safari_ios": "2" } }, "svg.elements.animate.from": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "4", "safari_ios": "3.2" } }, "svg.elements.animate.href": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "50", "chrome_android": "50", "edge": "79", "firefox": "51", "firefox_android": "51", "safari": "12.1", "safari_ios": "12.2" } }, "svg.elements.animate.repeatCount": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "4", "safari_ios": "3.2" } }, "svg.elements.animate.systemLanguage": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "12", "firefox_android": "14", "safari": "3.1", "safari_ios": "2" } }, "svg.elements.animate.to": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "4", "safari_ios": "3.2" } }, "svg.elements.animateMotion": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "19", "chrome_android": "25", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "6", "safari_ios": "6" } }, "svg.elements.animateMotion.calcMode": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "19", "chrome_android": "25", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "6", "safari_ios": "6" } }, "svg.elements.animateMotion.fill": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "19", "chrome_android": "25", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "6", "safari_ios": "6" } }, "svg.elements.animateMotion.href": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "50", "chrome_android": "50", "edge": "79", "firefox": "51", "firefox_android": "51", "safari": "12.1", "safari_ios": "12.2" } }, "svg.elements.animateMotion.keyPoints": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "19", "chrome_android": "25", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "6", "safari_ios": "6" } }, "svg.elements.animateMotion.origin": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "19", "chrome_android": "25", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "6", "safari_ios": "6" } }, "svg.elements.animateMotion.path": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "19", "chrome_android": "25", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "6", "safari_ios": "6" } }, "svg.elements.animateMotion.rotate": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "19", "chrome_android": "25", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "6", "safari_ios": "6" } }, "svg.elements.animateMotion.systemLanguage": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "19", "chrome_android": "25", "edge": "79", "firefox": "12", "firefox_android": "14", "safari": "6", "safari_ios": "6" } }, "svg.elements.animateTransform": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "svg.elements.animateTransform.by": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "3", "safari_ios": "2" } }, "svg.elements.animateTransform.fill": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "svg.elements.animateTransform.from": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "3", "safari_ios": "2" } }, "svg.elements.animateTransform.href": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "50", "chrome_android": "50", "edge": "79", "firefox": "51", "firefox_android": "51", "safari": "12.1", "safari_ios": "12.2" } }, "svg.elements.animateTransform.systemLanguage": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "12", "firefox_android": "14", "safari": "3", "safari_ios": "1" } }, "svg.elements.animateTransform.to": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "3", "safari_ios": "2" } }, "svg.elements.animateTransform.type": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "2", "chrome_android": "18", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "3", "safari_ios": "2" } }, "svg.global_attributes.class.animation_support": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "5", "chrome_android": "18", "edge": "79", "firefox": "5", "firefox_android": "5", "safari": "4", "safari_ios": "3.2" } } }, "support": { "chrome": "19", "chrome_android": "25", "edge": "79", "firefox": "4", "firefox_android": "4", "safari": "6", "safari_ios": "6" } }, "id": "smil-svg-animations", "groups": [ "animation", "svg" ], "specs": [ { "url": "https://svgwg.org/specs/animations/", "seriesComposition": "full", "shortname": "svg-animations", "series": { "shortname": "svg-animations", "currentSpecification": "svg-animations", "title": "SVG Animations", "shortTitle": "SVG Animations", "nightlyUrl": "https://svgwg.org/specs/animations/" }, "organization": "W3C", "groups": [ { "name": "SVG Working Group", "url": "https://www.w3.org/groups/wg/svg/" } ], "nightly": { "url": "https://svgwg.org/specs/animations/", "status": "Editor's Draft", "alternateUrls": [], "repository": "https://github.com/w3c/svgwg", "sourcePath": "specs/animations/master/Overview.html", "filename": "Overview.html" }, "title": "SVG Animations Level 2", "source": "spec", "shortTitle": "SVG Animations 2", "categories": [ "browser" ], "standing": "good", "fragment": null } ], "mdnUrls": [ { "slug": "Web/SVG/Guides/SVG_animation_with_SMIL", "title": "SVG animation with SMIL", "anchor": null, "url": "https://developer.mozilla.org/docs/Web/SVG/Guides/SVG_animation_with_SMIL" } ], "standardPositions": [], "hasNegativeStandardPosition": false, "stateOfSurveys": [], "chromeUseCounters": {}, "interop": [], "wpt": { "url": "https://wpt.fyi/results?q=feature:smil-svg-animations" }, "developerSignals": null, "bugs": {}, "baselineLowDateAsObject": "2020-01-15T00:00:00.000Z", "baselineHighDateAsObject": "2022-07-15T00:00:00.000Z" }