Questions tagged [svg-animationelements]

The animate element for Scalable Vector Graphics (SVG) element is used to animate an attribute or property of an element over time. It's normally inserted inside the element or referenced by the href attribute of the target element.

Animating SVGs can be done by using Synchronized Multimedia Integration Language (SMIL). SMIL allows you to:

  • animate the numeric attributes of an element (x, y, ...)
  • animate transform attributes (translation or rotation)
  • animate color attributes
  • follow a motion path

This is done adding an SVG element like inside the SVG element to animate. More on this Mozilla Element/animate and Mozilla SVG animation with SMIL

It was, but is not any more depricated in Chrome.

20 questions
2
votes
1 answer

SVG SMIL animateTo works fine in Firefox but not in Chrome or Safari

The fill bottle animation working fine in firefox but not working in chrome and safari. I am trying to fill the color in the bottle based on the textbox value entered by the user.