{"json_modified": "2016-03-28T08:46:23.564134", "uuid": "6a2e2357-08fd-4380-855b-5ba7578069f8", "title": "motion", "url": "/en-US/docs/Web/CSS/motion", "tags": ["NeedsContent", "NeedsLiveSample", "Draft"], "translations": [{"uuid": "c7694e2e-35da-4e6d-8066-02337df1464c", "title": "motion", "url": "/fr/docs/Web/CSS/motion", "tags": ["R\u00e9f\u00e9rence", "NeedsContent", "CSS", "Draft", "Propri\u00e9t\u00e9", "NeedsLiveSample"], "summary": "La propri\u00e9t\u00e9 <strong><code>motion</code></strong> est une propri\u00e9t\u00e9 raccourcie pour les propri\u00e9t\u00e9s <a href=\"/fr/docs/Web/CSS/motion-path\" title=\"La propri&#xE9;t&#xE9; motion-path d&#xE9;finit le trac&#xE9; d'un mouvement sur lequel un &#xE9;l&#xE9;ment est positionn&#xE9;. La position exacte de l'&#xE9;l&#xE9;ment sur ce trac&#xE9; est d&#xE9;termin&#xE9;e gr&#xE2;ce &#xE0; la propri&#xE9;t&#xE9; motion-offset. Le trac&#xE9; d'un mouvement peut &#xEA;tre d&#xE9;fini gr&#xE2;ce &#xE0; un chemin ou &#xE0; plusieurs chemins successifs ou encore gr&#xE2;ce &#xE0; la g&#xE9;om&#xE9;trie d'une forme. Chaque forme ou chemin doit d&#xE9;finir une position initiale pour la valeur calcul&#xE9;e 0 de motion-offset ainsi qu'une direction initiale qui d&#xE9;finit la rotation de l'objet dans sa position initiale.\"><code>motion-path</code></a>,\u00a0<a href=\"/fr/docs/Web/CSS/motion-offset\" title=\"La propri&#xE9;t&#xE9; motion-offset d&#xE9;finit la position de l'&#xE9;l&#xE9;ment selon le trac&#xE9; dessin&#xE9; par motion-path.\"><code>motion-offset</code></a> et\u00a0<a href=\"/fr/docs/Web/CSS/motion-rotation\" title=\"La propri&#xE9;t&#xE9; motion-rotation d&#xE9;finit la direction de l'&#xE9;l&#xE9;ment lorsqu'il est positionn&#xE9; sur le trac&#xE9; d'un mouvement.\"><code>motion-rotation</code></a>. Elle permet d'animer un \u00e9l\u00e9ment sur un trac\u00e9 d\u00e9fini.", "localization_tags": [], "locale": "fr", "last_edit": "2016-02-26T04:27:23", "review_tags": []}], "modified": "2016-02-25T12:33:29", "label": "motion", "localization_tags": [], "locale": "en-US", "id": 160091, "last_edit": "2016-02-25T12:33:24", "summary": "The <strong><code>motion</code></strong> CSS\u00a0property is a shorthand property for animating an element along a defined path.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntax", "title": "Syntax"}, {"id": "Formal_syntax", "title": "Formal syntax"}, {"id": "Examples", "title": "Examples"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}], "slug": "Web/CSS/motion", "review_tags": ["technical"]}