🏠 New in High Baseline Support: SMIL SVG animations
July 15, 2022
The <animate>, <animateMotion>, and <animateTransform> SVG elements declaratively animate SVG elements. Also known as SMIL.
Source features
api.SVGAnimatedAngle[mdn]api.SVGAnimatedAngle.animVal[mdn]api.SVGAnimatedAngle.baseVal[mdn]api.SVGAnimatedEnumeration[mdn]api.SVGAnimatedEnumeration.animVal[mdn]api.SVGAnimatedEnumeration.baseVal[mdn]api.SVGAnimatedLength[mdn]api.SVGAnimatedLength.animVal[mdn]api.SVGAnimatedLength.baseVal[mdn]api.SVGAnimatedLengthList[mdn]api.SVGAnimatedLengthList.animVal[mdn]api.SVGAnimatedLengthList.baseVal[mdn]api.SVGAnimatedNumber[mdn]api.SVGAnimatedNumber.animVal[mdn]api.SVGAnimatedNumber.baseVal[mdn]api.SVGAnimatedRect[mdn]api.SVGPolygonElement.animatedPoints[mdn]api.SVGPolylineElement.animatedPoints[mdn]api.SVGSVGElement.pauseAnimations[mdn]api.SVGSVGElement.unpauseAnimations[mdn]api.SVGAnimatedString[mdn]api.SVGAnimatedString.animVal[mdn]api.SVGAnimatedString.baseVal[mdn]api.SVGAnimatedTransformList[mdn]api.SVGAnimatedTransformList.animVal[mdn]api.SVGAnimatedTransformList.baseVal[mdn]api.SVGAnimatedRect.animVal[mdn]api.SVGAnimatedRect.baseVal[mdn]api.SVGAnimatedPreserveAspectRatio[mdn]api.SVGAnimatedPreserveAspectRatio.animVal[mdn]api.SVGAnimatedPreserveAspectRatio.baseVal[mdn]api.SVGAnimatedNumberList[mdn]api.SVGAnimatedBoolean[mdn]api.SVGAnimatedInteger[mdn]api.SVGAnimatedBoolean.animVal[mdn]api.SVGAnimatedBoolean.baseVal[mdn]api.SVGAnimatedInteger.animVal[mdn]api.SVGAnimatedInteger.baseVal[mdn]api.SVGAnimatedNumberList.animVal[mdn]api.SVGAnimatedNumberList.baseVal[mdn]api.SVGSVGElement.animationsPaused[mdn]api.SVGAnimateElement[mdn]api.SVGAnimateTransformElement[mdn]api.SVGAnimationElement[mdn]svg.elements.animateTransform.fill[mdn]svg.elements.animateTransform.by[mdn]svg.elements.animateTransform.from[mdn]svg.elements.animateTransform.to[mdn]svg.elements.animateTransform.type[mdn]svg.elements.animate.fill[mdn]api.SVGAnimationElement.beginElement[mdn]api.SVGAnimationElement.beginElementAt[mdn]api.SVGAnimationElement.endElement[mdn]api.SVGAnimationElement.endElementAt[mdn]api.SVGAnimationElement.getCurrentTime[mdn]api.SVGAnimationElement.getSimpleDuration[mdn]api.SVGAnimationElement.getStartTime[mdn]api.SVGAnimationElement.targetElement[mdn]svg.elements.animate.attributeName[mdn]svg.elements.animate.attributeType[mdn]svg.elements.animate.dur[mdn]svg.elements.animate.from[mdn]svg.elements.animate.repeatCount[mdn]svg.elements.animate.to[mdn]api.SVGAnimationElement.requiredExtensions[mdn]api.SVGAnimationElement.systemLanguage[mdn]svg.elements.animateTransform.systemLanguage[mdn]svg.elements.animate.systemLanguage[mdn]svg.global_attributes.class.animation_support[mdn]api.SVGAnimateMotionElement[mdn]svg.elements.animateMotion.calcMode[mdn]svg.elements.animateMotion.fill[mdn]svg.elements.animateMotion.keyPoints[mdn]svg.elements.animateMotion.origin[mdn]svg.elements.animateMotion.path[mdn]svg.elements.animateMotion.rotate[mdn]svg.elements.animateMotion.systemLanguage[mdn]svg.elements.animateTransform[mdn]svg.elements.animate[mdn]svg.elements.animateMotion[mdn]svg.elements.animate.href[mdn]svg.elements.animateMotion.href[mdn]svg.elements.animateTransform.href[mdn]api.SVGAnimationElement.beginEvent_event[mdn]api.SVGAnimationElement.endEvent_event[mdn]api.SVGAnimationElement.repeatEvent_event[mdn]api.SVGAnimateColorElement[mdn]