BASELINE NowYouCanUse.com
Widely Available Animation

SMIL SVG animations

The <animate>, <animateMotion>, and <animateTransform> SVG elements declaratively animate SVG elements. Also known as SMIL.
Baseline Status: Achieved Widely Available on Jul 15, 2022 (Cross-browser Newly Available since Jan 15, 2020).
Desktop Browser Engine Support
Google Chrome
19
Supported
Mozilla Firefox
4
Supported
Apple Safari
6
Supported
Microsoft Edge
79
Supported
Mobile Browser Engine Support
Chrome Android
25
Firefox Android
4
Safari iOS
6
Specifications and References
Specification ↗ Can I Use (svg-smil) ↗ Feature XML ↗
MDN Browser Compat Data Keys:
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 ↗
id: smil-svg-animations