to
SVG Elements
- A
- B-C
- D
- E
- F
<feBlend><feColorMatrix><feComponentTransfer><feComposite><feConvolveMatrix><feDiffuseLighting><feDisplacementMap><feDistantLight><feFlood><feFuncA><feFuncB><feFuncG><feFuncR><feGaussianBlur><feImage><feMerge><feMergeNode><feMorphology><feOffset><fePointLight><feSpecularLighting><feSpotLight><feTile><feTurbulence><filter><font><font-face><font-face-format><font-face-name><font-face-src><font-face-uri><foreignObject>
- G
- H
- I
- J-L
- M
- N-P
- Q-R
- S
- T
- U
- V-Z
The to attribute indicates the final value of the attribute that will be modified during the animation.
The value of the attribute will change between the from attribute value and this value.
You can use this attribute with the following SVG elements:
Example
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="10" width="100" height="100">
<animate attributeType="XML" attributeName="width" fill="freeze"
from="100" to="150" dur="3s"/>
</rect>
</svg>
animate, animateColor, animateMotion, animateTransform
For <animate>, <animateColor>, <animateMotion>, and <animateTransform>, to specifies the ending value of the animation.
| Value | <value> |
|---|---|
| Default value | None |
| Animatable | No |
The exact value type for this attribute depend on the value of the attribute that will be animated.
If a list of values is defined via the values attribute, the to attribute is ignored.
set
For the <set> element, to specifies the value for the attribute during the duration of the element.
| Value | <value> |
|---|---|
| Default value | None |
| Animatable | No |
The exact value type for this attribute depend on the value of the attribute that will be animated.
Specifications
| Specification | Status | Comment |
|---|---|---|
| SVG Animations Level 2 The definition of 'to for <set>' in that specification. |
Editor's Draft | No change |
| SVG Animations Level 2 The definition of 'to for <animate>, <animateColor>, <animateMotion>, and <animateTransform>' in that specification. |
Editor's Draft | No change |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'to for <set>' in that specification. |
Recommendation | Initial definition for <set> |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'to for <animate>, <animateColor>, <animateMotion>, and <animateTransform>' in that specification. |
Recommendation |
Initial definition for <animate>,
<animateColor>, <animateMotion>, and
<animateTransform>
|