SMIL SVG animations
The <animate>
, <animateMotion>
, and <animateTransform>
SVG elements declaratively animate SVG elements. Also known as SMIL.
To learn more, see
SVGAnimateColorElement,
SVGAnimateElement,
SVGAnimateMotionElement,
SVGAnimateTransformElement,
SVGAnimatedAngle,
SVGAnimatedBoolean,
SVGAnimatedEnumeration,
SVGAnimatedEnumeration: animVal property,
SVGAnimatedEnumeration: baseVal property,
SVGAnimatedInteger,
SVGAnimatedLength,
SVGAnimatedLength: animVal property,
SVGAnimatedLength: baseVal property,
SVGAnimatedLengthList,
SVGAnimatedNumber,
SVGAnimatedNumberList,
SVGAnimatedPreserveAspectRatio,
SVGAnimatedRect,
SVGAnimatedString,
SVGAnimatedString: animVal property,
SVGAnimatedString: baseVal property,
SVGAnimatedTransformList,
SVGAnimationElement,
SVGAnimationElement: beginEvent event,
SVGAnimationElement: endEvent event,
SVGAnimationElement: repeatEvent event,
SVGAnimationElement: targetElement property,
<animate>,
dur,
from,
repeatCount,
<animateMotion>,
keyPoints,
<animateTransform>,
by at MDN.
Compatibility (view on caniuse.com)
- Chrome 19 Released on 2012-05-15
- Chrome Android 25 Released on 2013-02-27
- Edge ≤79 Released before 2020-01-15
- Firefox 4 Released on 2011-03-22
- Firefox for Android 4 Released on 2011-03-29
- Safari 6 Released on 2012-07-25
- Safari on iOS 6 Released on 2012-09-10
Specifications
- SVG Animations Level 2, from SVG Working Group (W3C).