• Top
• Contents
• Previous
• Next
• Elements
• Attributes

Attribute definitions:

xlink:href = "<IRI>"

AnIRI reference to the element which is the target of this animation and which therefore will be modified over time.

The target element must be part of thecurrent SVG document fragment. If the target element is not part of thecurrent SVG document fragment or theIRI reference is otherwise aninvalid IRI reference, then the animation has no effect. This means the animation timing will still run but no animation effect will be applied to the target attribute.

If the'xlink:href' attribute is not provided, then the target element will be the immediate parent element of the current animation element.

'xlink:href' must point to exactly one target element. If'xlink:href' points to multiple target elements then it shall be treated as anunsupported value and processed as if the attribute had not been specified. Ifxlink:href="" (the empty string), it shall be treated as if the'xlink:href' attribute was not specified.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theSpecifying the animation target section of the SMIL 2.1 Animation Modules ([SMIL21], section 3.5.1).

Animatable: no.

Attribute definitions:

attributeName = "<QName>"

Specifies the name of the target attribute. A qualified name, if used, indicates the XML namespace for the attribute. The prefix will be resolved to a namespace name in the scope of the current (i.e. the referencing) animation element. Note that while the'attributeName' attribute is optional, there is nolacuna value. When no value is specified the animation still runs, and events related to the animation element (e.g.beginEvent) are still fired, but the animation doesn't apply to any attribute.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theSpecifying the animation target section of the SMIL 2.1 Animation Modules ([SMIL21], section 3.5.1).

Animatable: no.

attributeType ="CSS" | "XML" | "auto"

Specifies the namespace in which the target attribute and its associated values are defined. The attribute value is one of the following (values are case-sensitive):

CSS

This specifies that the value of'attributeName' is the name of aproperty defined as animatable in this specification.

XML

This specifies that the value of'attributeName' is the name of an XML attribute on the target element. If the value for'attributeName' has a prefix, it is resolved as describedabove. If not, then the target attribute is in no namespace. The attribute must be defined as animatable in this specification.

auto

The user agent should match the'attributeName' to an animatable property or attribute applicable to the target element. If the user agent supports CSS, it must first search through its list of supported CSS properties (including those not defined by SVG) for a matching property name that is defined to be animatable for the target element. If no suitable property is found, the user agent must then search for a suitable animatable attibute, using the appropriate namespace. If the'attributeName' value has no prefix, then the attribute searched for is in no namespace. If it does have a prefix, then that prefix is resolved as describedabove and the attribute searched for in the associated namespace. If no suitable property or attribute is found, the animation has no effect.

Note that not all properties are applicable to all SVG elements, even if an attribute of the same name is applicable to the element. In particular, the CSS'width' and'height' properties are not applicable to those SVG elements which have'width' and'height' attributes.

Thelacuna value is'auto'.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theSpecifying the animation target section of the SMIL 2.1 Animation Modules ([SMIL21], section 3.5.1).

In the absence of style sheets (external style sheets,'style' elements or'style' attributes, as may be available in other profiles of SVG) animation ofpresentation attributes is equivalent to animating the corresponding property. Thus, forproperties listed in SVG Tiny 1.2, the same effect occurs from animating the presentation attribute withattributeType="XML" as occurs with animating the corresponding property withattributeType="CSS".

Animatable: no.

Attribute definitions:

begin = "begin-value-list"

Defines when the element should begin (i.e. become active). The attribute value is a semicolon separated list of timing specifier values.

The definition ofbegin-value-list is as follows:

begin-value-list ::=begin-value ( S? ";" S?begin-value-list )?

A semicolon separated list of begin values. The interpretation of a list of begin times is detailed in SMIL 2.1 section on "Evaluation of begin and end time lists".

begin-value ::= (offset-value |syncbase-value |event-value |repeat-value |accessKey-value |"indefinite" )

Describes the element begin time.

offset-value ::= ( S? "+" | "-" S? )? (<Clock-value> )

For SMIL 2.1, this describes the element begin as an offset from an implicitsyncbase. For SVG, the implicit syncbase begin is defined to be relative to thedocument begin. Negative begin times are entirely valid and easy to compute, as long as there is a resolved document begin time.

syncbase-value ::= ( Id-value "." ( "begin" | "end" ) ) ( S? ( "+" | "-" ) S?<Clock-value> )?

Describes asyncbase and an optional offset from thatsyncbase. The element begin is defined relative to the begin or active end of another animation. Asyncbase consists of an ID reference to another animation element followed by either.begin or.end to identify whether to synchronize with the beginning or active end of the referenced animation element.

event-value ::= ( Id-value "." )? ( event-ref ) ( S? ( "+" | "-" ) S?<Clock-value> )?

Describes an event and an optional offset that determine the element begin. The animation begin is defined relative to the time that the event is dispatched to theevent-base element. The list of event names available for use as theevent-ref value can be found in the "Animation event name" column of theComplete list of supported events table. Details of event-based timing are described in theUnifying event based and scheduled timing section ofSMIL 2.1 Timing and Synchronization ([SMIL21], section 10.11).

repeat-value ::= ( Id-value "." )? "repeat("<integer> ")" ( S? ( "+" | "-" ) S?<Clock-value> )?

Describes a qualified repeat event and an optional offset that will begin the element. The element begin is defined relative to the time that therepeatEvent event is dispatched to theevent-base element with the iteration value specified by the integer, which must be positive.

accessKey-value ::= "accessKey(" character ")" ( S? ( "+" | "-" ) S?<Clock-value> )?

Describes a key press event and an optional offset that will begin the element. The element begin is defined relative to the time of thekeydown event corresponding to the specified key. From a formal processing model perspective, an accessKey-value corresponds to akeydown event listener on the document which behaves as ifstopPropagation() andpreventDefault() have both been invoked in the capture phase. (SeeEvent flow for consequences of this behavior.)

Thecharacter value can be one of two types. It can be any of the keyboard event identifier strings listed in thekey identifiers set. Alternatively, this value can be a single Unicode character [UNICODE]. In this case, the single character is mapped to a keyboard identifier for the purpose of processing the accessKey-value event listener. For example,'accessKey(Q)' will translate into akeydown event listener using "U+0051" as the target keyboard identifier string, as if'accessKey(U+0051)' were used.

"indefinite"

The begin of the animation will be determined by abeginElement() method call or a hyperlink targeted to the element. (Hyperlink-based timing is described in SMIL 2.1 Timing and Synchronization: Hyperlinks and timing.)

In SVG, if no'begin' is specified, the default timing of the time container is equivalent to an offset value of'0'. If the'begin' attribute is syntactically invalid, in the list itself or in any of the individual list values, it is equivalent to a single'begin' value of'indefinite'.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in thebasic timing support section of SMIL 2.1 Timing and Synchronization. See also the special parsing rules forId-value andevent-ref as described in theParsing timing specifiers ([SMIL21], section 10.4.1).

Animatable: no.

dur ="<Clock-value>" | "media" | "indefinite"

Specifies the simple duration. The attribute value can one of the following:

<Clock-value>

Specifies the length of the simple duration indocument time. Value must be greater than 0.

media

Specifies the simple duration as the intrinsic media duration. This is only valid for elements that define media.

For SVG'sanimation elements, if'media' is specified, the attribute will be ignored.

indefinite

Specifies the simple duration as indefinite.

If the animation does not have a'dur' attribute, the simple duration is indefinite. Note that interpolation will not work if the simple duration is indefinite (although this may still be useful for'set' elements).

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theDur value semantics section of SMIL 2.1 Timing and Synchronization ([SMIL21], section 10.4.1).

Animatable: no.

end ="end-value-list"

Defines an end value for the animation that can constrain the active duration. The attribute value is a semicolon separated list of values.

end-value-list ::=end-value (S? ";" S? end-value-list )?

A semicolon separated list of end values. The interpretation of a list of end times is detailed below.

end-value ::= (offset-value |syncbase-value |event-value |repeat-value |accessKey-value | "indefinite" )

Describes the active end of the animation.

A value of'indefinite' specifies that the end of the animation will be determined by anendElement() method call.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in thebasic timing support section of SMIL 2.1 Timing and Synchronization. See also the special parsing rules forId-value andevent-ref as described in theParsing timing specifiers ([SMIL21], section 10.4.1).

Animatable: no.

min ="<Clock-value>" | "media"

Specifies the minimum value of the active duration. The attribute value can be either of the following:

<Clock-value>

Specifies the length of the minimum value of the active duration, measured in local time.

The value must be greater than 0.

media

Specifies the minimum value of the active duration as the intrinsic media duration. This is only valid for elements that define media.

For SVG'sanimation elements, if'media' is specified, the attribute will be ignored.

Thelacuna value for'min' is'0'. This does not constrain the active duration at all.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theMore control over the active duration section of SMIL 2.1 Timing and Synchronization. ([SMIL21], section 10.4.1).

Animatable: no.

max ="<Clock-value>" | "media"

Specifies the maximum value of the active duration. The attribute value can be either of the following:

<Clock-value>

Specifies the length of the maximum value of the active duration, measured in local time.

The value must be greater than 0.

media

Specifies the maximum value of the active duration as the intrinsic media duration. This is only valid for elements that define media.

For SVG'sanimation elements, if'media' is specified, the attribute will be ignored.

There is nolacuna value for'max'. If omitted, the active duration is not constrained at all.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theMore control over the active duration section of SMIL 2.1 Timing and Synchronization. ([SMIL21], section 10.4.1).

Animatable: no.

restart ="always" | "whenNotActive" | "never"

always

The animation can be restarted at any time. This is thelacuna value.

whenNotActive

The animation can only be restarted when it is not active (i.e. after the active end). Attempts to restart the animation during its active duration are ignored.

never

The element cannot be restarted for the remainder of the current simple duration of the parent time container. (In the case of SVG, since the parent time container is theSVG document fragment, the animation cannot be restarted for the remainder of the document duration.)

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found inThe restart attribute section of SMIL 2.1 Timing and Synchronization ([SMIL21], section 10.4.1).

Animatable: no.

repeatCount ="<number>" | "indefinite"

Specifies the number of iterations of the animation function. It can have the following attribute values:

<number>

This is a (base 10) "floating point" numeric value that specifies the number of iterations. It can include partial iterations expressed as fraction values. A fractional value describes a portion of the simple duration ([SMIL21], section 3.5.2). Values must be greater than 0.

indefinite

The animation is defined to repeat indefinitely (i.e. until the document ends).

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theRepeating elements section of SMIL 2.1 Timing and Synchronization ([SMIL21], section 10.4.1).

Animatable: no.

repeatDur ="<Clock-value>" | "indefinite"

Specifies the total duration for repeat. It can have the following attribute values:

<Clock-value>

Specifies the duration indocument time to repeat the animation functionf(t) ([SMIL21], section 3.3.1).

"indefinite"

The animation is defined to repeat indefinitely (i.e. until the document ends).

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theRepeating elements section of SMIL 2.1 Timing and Synchronization ([SMIL21], section 10.4.1).

Animatable: no.

fill ="freeze" | "remove"

This attribute can have the following values:

freeze

The animation effectf(t) ([SMIL21], section 3.3.1) is defined to freeze the effect value at the last value of the active duration. Note that in the case of discrete animation, the frozen value that is used is the value of the animation just before the end of the active duration. The animation effect is "frozen" for the remainder of the document duration (or until the animation is restarted — seeThe restart attribute ([SMIL21], section 10.4.1).

remove

The animation effect is removed (no longer applied) when the active duration of the animation is over. After the active end of the animation, the animation no longer affects the target (unless the animation is restarted — seeThe restart attribute ([SMIL21], section 10.4.1).

This is thelacuna value.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theExtending an element section of SMIL 2.1 Timing and Synchronization ([SMIL21], section 10.4.1).

Animatable: no.

Attribute definitions:

calcMode ="discrete" | "linear" | "paced" | "spline"

Specifies the interpolation mode for the animation. This can take any of the following values. Thelacuna value is'linear', except on'animateMotion' elements where it is'paced'. However if the target attribute does not support interpolation (e.g. when animating an attribute whose type is<string>), the'calcMode' attribute is ignored and discrete animation is used.

discrete

This specifies that the animation function will jump from one value to the next without any interpolation.

linear

Simple linear interpolation between values is used to calculate the animation function.

paced

Defines interpolation to produce an even pace of change across the animation. This is only supported for the data types for which there is an appropriate distance function defined, which includes only scalar numeric types plus the types listed inPaced animation and complex types. If'paced' is specified, any'keyTimes' or'keySplines' will be ignored. Authors are discouraged from using paced animation on types that do not have a distance function defined, due to its unpredictable behavior in some user agents.

spline

Interpolates from one value in the'values' list to the next according to a time function defined by a cubic Bézier spline. The points of the spline are specified in the'keyTimes' attribute, and the control points for each interval are specified in the'keySplines' attribute.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theSimple animation function attributes section of the SMIL 2.1 Animation Modules ([SMIL21], section 3.5.2).

Animatable: no.

values = "<list>"

A semicolon-separated list of one or more values. Vector-valued attributes are supported using the vector syntax of the'attributeType' domain.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theSimple animation function attributes section of the SMIL 2.1 Animation Modules ([SMIL21], section 3.5.2). Note that, per the SMIL specification, leading and trailing white space, and white space before and after semi-colon separators, is allowed and will be ignored.

Animatable: no.

keyTimes = "<list>"

A semicolon-separated list of time values used to control the pacing of the animation. Each time in the list corresponds to a value in the'values' attribute list, and defines when the value is used in the animation function. Each time value in the'keyTimes' list is specified as a floating point value between 0 and 1 (inclusive), representing a proportional offset into the simple duration of the animation element.

If a list of'keyTimes' is specified, there must be exactly as many values in the'keyTimes' list as in the'values' list.

Each successive time value must be greater than or equal to the preceding time value.

The'keyTimes' list semantics depends upon the interpolation mode:

• For linear and spline animation, the first time value in the list must be 0, and the last time value in the list must be 1. The'keyTimes' value associated with each value defines when the value is set; values are interpolated between the'keyTimes'.

• For discrete animation, the first time value in the list must be 0. The time associated with each value defines when the value is set; the animation function uses that value until the next time defined in'keyTimes'.

If the interpolation mode is'paced', the'keyTimes' attribute is ignored.

If the'keyTimes' attribute has a value that doesn't conform to the above requirements the'keyTimes' attribute has anunsupported value and is processed as if the attribute had not been specified.

If the simple duration is indefinite, any'keyTimes' specification will be ignored.

Because paced animation interpolation is unspecified for some value types, authors are encouraged to use'linear' animation interpolation with calculated'keyTimes' to achieve particular interpolation behavior for these types.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theCalculation mode attributes section of the SMIL 2.1 Animation Modules ([SMIL21], section 3.8.1).

Animatable: no.

keySplines = "<list>"

A set of Bézier control points associated with the'keyTimes' list, defining a cubic Bézier function that controls interval pacing. The attribute value is a semicolon separated list of control point descriptions. Each control point description is a set of four values:x1 y1 x2 y2, describing the Bézier control points for one time segment. Note SMIL 2.1 allows these values to be separated either by commas with optional white space, or by white space alone. The'keyTimes' values that define the associated segment are the Bézier "anchor points", and the'keySplines' values are the control points. Thus, there must be one fewer set of control points than there are'keyTimes'.

The values must all be in the range 0 to 1.

This attribute is ignored unless the'calcMode' is set to'spline'.

If the'keySplines' attribute has a value that doesn't conform to the above requirements the'keySplines' attribute has anunsupported value and is processed as if the attribute had not been specified.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theCalculation mode attributes section of the SMIL 2.1 Animation Modules ([SMIL21], section 3.8.1).

Animatable: no.

from = "<value>"

Specifies the starting value of the animation.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theSimple animation functions specified by from, to and by section of the SMIL 2.1 Animation Modules ([SMIL21], section 3.5.4).

Animatable: no.

to = "<value>"

Specifies the ending value of the animation.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theSimple animation functions specified by from, to and by section of the SMIL 2.1 Animation Modules ([SMIL21], section 3.5.4).

Animatable: no.

by = "<value>"

Specifies a relative offset value for the animation.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theSimple animation functions specified by from, to and by section of the SMIL 2.1 Animation Modules ([SMIL21], section 3.5.4).

Animatable: no.

SMIL 2.1 defines the detailed processing rules associated with the above attributes.

The animation values specified in the'values','from','to' and'by' attributes must be legal values for the specified target attribute. Leading and trailing white space, and white space before and after semicolon separators, will be ignored. If any values are not legal, they are considered to beunsupported and is processed as if they had not been specified.

If a list of'values' is used, the animation will apply the values in order over the course of the animation. If the'values' attribute is specified, any'from','to' or'by' attribute values are ignored.

The processing rules for the variants of from/to/by animations, including which of the'from','to' and'by' attributes take precedence over the others, is described inSimple animation functions specified by from, to and by ([SMIL21], section 3.5.4).

When animating properties, interpolation is performed on computed values. Thus, keywords such asinherit which yield a numeric computed value may be included in the values list for an interpolated animation. For example, a linear animation of the'fill' property usingvalues="red; inherit; blue" is possible as long as theinherit value does not compute to a paint server reference, a system paint or thenone value.

The following figure illustrates the interpretation of the'keySplines' attribute. Each diagram illustrates the effect of'keySplines' settings for a single interval (i.e. between the associated pairs of values in the'keyTimes' and'values' lists). The horizontal axis can be thought of as the input value for theunit progress of interpolation within the interval, i.e. the pace with which interpolation proceeds along the given interval. The vertical axis is the resulting value for theunit progress, yielded by the'keySplines' function. Another way of describing this is that the horizontal axis is the inputunit time for the interval, and the vertical axis is the outputunit time. See also theTiming and real-world clock times section in SMIL 2.1 Timing and Synchronization ([SMIL21], section 10.4.3).

Examples of'keySplines'

keySplines="0 0 1 1" (the default)	keySplines=".5 0 .5 1"
keySplines="0 .75 .25 1"	keySplines="1 0 .25 .25"

To illustrate the calculations, consider the simple example:

<animate dur="4s" values="10; 20" keyTimes="0; 1"     calcMode="spline"keySplines="{as in table}"/>

Using the'keySplines' values for each of the four cases above, the approximate interpolated values as the animation proceeds are:

For a formal definition of Bézier spline calculation, see [FOLEY-VANDAM], pp. 488-491.

<rect width="20" ...>  <animate attributeName="width" from="0" to="10" dur="10s"           additive="sum"/></rect>

<rect width="20" ...>  <animate attributeName="width" from="0" to="10" dur="10s"           additive="sum" accumulate="sum" repeatCount="5"/></rect>

Attribute definitions:

additive ="replace" | "sum"

Controls whether or not the animation is additive.

sum

Specifies that the animation will add to the underlying value of the attribute and other lower priority animations.

replace

Specifies that the animation will override the underlying value of the attribute and other lower priority animations. This is thelacuna value, however the behavior is also affected by the animation value attributes'by' and'to', as described inSimple animation functions specified by from, to and by ([SMIL21], section 3.5.4).

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theAnimation effect function attributes section of the SMIL 2.1 Animation Modules ([SMIL21], section 3.5.3).

Animatable: no.

accumulate ="none" | "sum"

Controls whether or not the animation is cumulative.

sum

Specifies that each repeat iteration after the first builds upon the last value of the previous iteration.

none

Specifies that repeat iterations are not cumulative. This is thelacuna value.

This attribute is ignored if the target attribute value does not support addition, or if the animation element does not repeat.

This attribute will be ignored if the animation function is specified with only the'to' attribute.

Except for any SVG-specific rules explicitly mentioned in this specification, the normative definition for this attribute is found in theAnimation effect function attributes section of the SMIL 2.1 Animation Modules ([SMIL21], section 3.5.3).

Animatable: no.

<rect>  <animate attributeType="CSS" attributeName="fill-opacity"         from="1" to="0" dur="5s" repeatCount="indefinite" /></rect>

Attribute definitions:

to ="<value>"

Specifies the value for the attribute during the duration of the'set' element. The value must be of an appropriate type according to the target attribute being animated.

Animatable: no.

Attribute definitions:

calcMode ="discrete" | "linear" | "paced" | "spline"

Specifies the interpolation mode for the animation. Refer to general description of the'calcMode' attribute above. The only difference is that thelacuna value of the'calcMode' attribute for'animateMotion' is'paced'.

Animatable: no.

path ="<path-data>"

The motion path, expressed in the same format and interpreted the same way as the'd' attribute on the'path' element. The effect of a motion path animation is to post-multiply a supplementaltransformation matrix onto theCTM for the target element which which causes a translation along thex- andy-axes of the currentuser coordinate system by the computedx andy values computed over time.

Animatable: no.

keyPoints ="<list-of numbers>"

Takes a semicolon-separated list of floating point values between 0 and 1 and indicates how far along the motion path the target element shall move at the moment in time specified by corresponding'keyTimes' value. Distance calculations use the user agent'sdistance along the path algorithm. Each progress value in the list corresponds to a value in the'keyTimes' attribute list.

If a list of'keyPoints' is specified, there must be exactly as many values in the'keyPoints' list as in the'keyTimes' list.

If the'keyPoints' attribute has a value that doesn't conform to the above requirements, the attribute has anunsupported value and the animation element is processed as if the attribute had not been specified.

Animatable: no.

rotate ="auto" | "auto-reverse" | "<number>"

The'rotate' attribute post-multiplies a supplementaltransformation matrix onto theCTM of the target element to apply a rotation transformation about the origin of the currentuser coordinate system. The rotation transformation is applied after the supplemental translation transformation that is computed due to the'path' attribute.

auto

Indicates that the target element is rotated over time by the angle of the direction (i.e., directional tangent vector) of the motion path.

auto-reverse

Indicates that the target element is rotated over time by the angle of the direction (i.e., directional tangent vector) of the motion path plus 180 degrees.

<number>

Indicates that the target element has a constant rotation transformation applied to it, where the rotation angle is the specified number of degrees.

Thelacuna value is'0'.

Animatable: no.

origin ="default"

See theSMIL 2.1 definition of 'origin' ([SMIL21], section 3.6.3). It has no effect in SVG, and if specified, must take the value'default'.

Animatable: no.

Attribute definitions:

xlink:href ="<IRI>"

AnIRI reference to the'path' element which defines the motion path. Aninvalid IRI reference is anunsupported value. Thelacuna value is the empty string. An empty attribute value results in the animation timing still running but no motion animation will be applied to the target element.

Animatable: no.

Attribute definitions:

type ="translate" | "scale" | "rotate" | "skewX" | "skewY"

Indicates the type of transformation which is to have its values change over time. If'type' has anunsupported value (e.g.type="foo" ortype="ref(svg)") the'animateTransform' element is ignored.

Animatable: no.

<rect transform="skewX(30)" ...>  <animateTransform attributeName="transform" attributeType="XML"                    type="rotate" from="0" to="90" dur="5s"                    additive="replace" fill="freeze"/>  <animateTransform attributeName="transform" attributeType="XML"                    type="scale" from="1" to="2" dur="5s"                    additive="replace" fill="freeze"/></rect>

<rect transform="scale(2)" .../>

<rect transform="skewX(30)" ...>  <animateTransform attributeName="transform" attributeType="XML"                    type="rotate" from="0" to="90" dur="5s"                    additive="sum" fill="freeze"/>  <animateTransform attributeName="transform" attributeType="XML"                    type="scale" from="1" to="2" dur="5s"                    additive="sum" fill="freeze"/></rect>

<rect transform="skewX(30) rotate(90) scale(2)" .../>

<rect color="yellow" fill="currentColor">  <animateColor attributeName="fill" from="red" to="#DDF"                 begin="1s" dur="5s" fill="freeze" additive="sum"/></rect>

• Top
• Contents
• Previous
• Next
• Elements
• Attributes