Sams Teach Yourself SVG in 24 Hours

Animating Basic Attribute Transitions

Altering attributes is what the animate element focuses on. Virtually any attribute with a numerical value can be animated, from width to letter-spacing, x to r; the animate element can cause certain non-numerical attributes to be animated, too. The animate element needs several attributes to operate correctly. These attributes are detailed in Table 15.2.

Table 15.2. animate Element Attributes

Attribute	Function
xlink:href	Similar to the set command, the xlink:href attribute value deter-mines which object will be modified.
attributeName	The attributeName value tells the animation element which attribute of the designated object to modify.
from	The from value describes the initial state of the animated attribute ...