MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

Revision 91534 of from

  • Revision slug: SVG/Attribute/From
  • Revision title: from
  • Revision id: 91534
  • Created:
  • Creator: Jeremie
  • Is current revision? No
  • Comment 1 words added, 2 words removed

Revision Content

« SVG Attribute reference home

This attribute indicates the initial value of the attribute that will be modified during the animation. 

Usage context

Categories Animation value attribute
Value <value>
Animatable No
Normative document SVG 1.1 (2nd Edition)

The exact value type for this attribute depend on the value of the attribute that will be animated.

Example

Elements

The following elements can use the from attribute

  • {{ SVGElement("animate") }}
  • {{ SVGElement("animateColor") }}
  • {{ SVGElement("animateMotion") }}
  • {{ SVGElement("animateTransform") }}

Revision Source

<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p>
<p>This attribute indicates the initial value of the attribute that will be modified during the animation. </p>
<h2 id="Usage_context">Usage context</h2>
<table class="standard-table"> <tbody> <tr> <th scope="row">Categories</th> <td>Animation value attribute</td> </tr> <tr> <th scope="row">Value</th> <td>&lt;value&gt;</td> </tr> <tr> <th scope="row">Animatable</th> <td>No</td> </tr> <tr> <th scope="row">Normative document</th> <td><a class="external" href="http://www.w3.org/TR/SVG/animate.html#FromAttribute" title="http://www.w3.org/TR/SVG/animate.html#FromAttribute">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody>
</table>
<p>The exact value type for this attribute depend on the value of the attribute that will be animated.</p><h2 id="Example">Example</h2>
<h2 id="Elements">Elements</h2>
<p>The following elements can use the <code>from</code> attribute</p>
<ul> <li>{{ SVGElement("animate") }}</li> <li>{{ SVGElement("animateColor") }}</li> <li>{{ SVGElement("animateMotion") }}</li> <li>{{ SVGElement("animateTransform") }}</li>
</ul>
Revert to this revision