---
title: animateMotion
slug: Web/SVG/Element/animateMotion
tags:
  - Animação
  - Elemento
  - Forma
  - SVG
translation_of: Web/SVG/Element/animateMotion
---
<div>{{SVGRef}}</div>

<p>O elemento <code>animateMotion</code> interfere em uma elemento referenciado para se mover ao longo de uma trajetória de movimento.</p>

<h2 id="Contexto_de_uso">Contexto de uso</h2>

<p>{{svginfo}}</p>

<h2 id="Exemplo">Exemplo</h2>

<p>» <a href="/files/3261/animateMotion.svg" title="/files/3261/animateMotion.svg">animateMotion.svg</a></p>

<h2 id="Atributos">Atributos</h2>

<h3 id="Atributos_globais">Atributos globais</h3>

<ul>
 <li><a href="/pt-BR/docs/SVG/Attribute#ConditionalProccessing" title="en/SVG/Attribute#ConditionalProccessing">Atributos de processamento condicional</a> »</li>
 <li><a href="/pt-BR/docs/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Atributos principais</a> »</li>
 <li><a href="/pt-BR/docs/SVG/Attribute#AnimationEvent" title="en/SVG/Attribute#AnimationEvent">Atributos de eventos da animação</a> »</li>
 <li><a href="/pt-BR/docs/SVG/Attribute#XLink" title="en/SVG/Attribute#XLink">Atributos XLink</a> »</li>
 <li><a href="/pt-BR/docs/SVG/Attribute#AnimationTiming" title="en/SVG/Attribute#AnimationTiming">Atributos de cronometragem da animação</a> »</li>
 <li><a href="/pt-BR/docs/SVG/Attribute#AnimationValue" title="en/SVG/Attribute#AnimationValue">Atributos de valor de animação</a> »</li>
 <li><a href="/pt-BR/docs/SVG/Attribute#AnimationAddition" title="en/SVG/Attribute#AnimationAddition">Atributos de animação adicionais</a> »</li>
 <li>{{ SVGAttr("externalResourcesRequired") }}</li>
</ul>

<h3 id="Atributos_específicos">Atributos específicos</h3>

<ul>
 <li>{{ SVGAttr("calcMode") }}</li>
 <li>{{ SVGAttr("path") }}</li>
 <li>{{ SVGAttr("keyPoints") }}</li>
 <li>{{ SVGAttr("rotate") }}</li>
 <li>{{ SVGAttr("origin") }}</li>
</ul>

<h2 id="Interface_DOM">Interface DOM</h2>

<p>Este elemento implementa a interface do <code><a href="/pt-BR/docs/DOM/SVGAnimateMotionElement" title="en/DOM/SVGAnimateMotionElement">SVGAnimateMotionElement</a></code>.</p>

<h2 id="Relacionado">Relacionado</h2>

<ul>
 <li>{{ SVGElement("mpath") }}</li>
</ul>