animate

The SVG animate element provides a way to animate an attribute of an element over time.

Usually, this element is created with:

const animate = parentElement.add('animate')

It's possible to create it as a disconnected element with gySVG('animate') and attach it to the SVG document with .attachTo().

More info: mdn (opens new window) | w3c (opens new window)

• Parent elements: a | circle | clipPath | defs | ellipse | feBlend | feColorMatrix | feComposite | feConvolveMatrix | feDisplacementMap | feDistantLight | feDropShadow | feFlood | feFuncA | feFuncB | feFuncG | feFuncR | feGaussianBlur | feImage | feMergeNode | feMorphology | feOffset | fePointLight | feSpotLight | feTile | feTurbulence | filter | g | image | line | linearGradient | marker | mask | path | pattern | polygon | polyline | radialGradient | rect | stop | svg | switch | symbol | text | textPath | tspan | use.

• Child elements: desc | metadata | title.