{"json_modified": "2016-07-27T04:01:39.911545", "uuid": "bf8a7819-1a63-4d0f-9c58-b04c5df6325b", "title": "animation-timing-function", "url": "/en-US/docs/Web/CSS/animation-timing-function", "tags": ["CSS", "Reference", "CSS Animations", "CSS Property", "Experimental"], "translations": [{"uuid": "da2c1656-fdd2-42a3-858c-9f454827ad1d", "title": "animation-timing-function", "url": "/de/docs/Web/CSS/animation-timing-function", "tags": ["CSS", "Referenz", "CSS Animationen", "CSS Eigenschaft", "Layout"], "summary": "Die <code>animation-timing-function</code> <a href=\"/de/docs/Web/CSS\">CSS</a> Eigenschaft gibt an, wie eine CSS Animation \u00fcber die Dauer eines Zyklus verlaufen soll. Die m\u00f6glichen Werte sind eine oder mehrere <a href=\"/de/docs/Web/CSS/timing-function\" title=\"Die Beschreibung hier&#xFC;ber wurde bisher noch nicht geschrieben; bitte erw&#xE4;ge, mitzuwirken!\"><code>&lt;timing-function&gt;</code></a>.", "localization_tags": [], "locale": "de", "last_edit": "2016-01-28T21:55:57", "review_tags": []}, {"uuid": "35d70706-c369-4499-9e1b-8668e6b118bb", "title": "animation-timing-function", "url": "/es/docs/Web/CSS/animation-timing-function", "tags": [], "summary": "La propiedad <a href=\"/en-US/docs/CSS\" title=\"CSS\">CSS</a> <code><strong>animation-timing-function</strong></code>\u00a0especifica c\u00f3mo una animaci\u00f3n CSS debe avanzar sobre la duraci\u00f3n de cada ciclo. Los posibles valores son una o varias\u00a0<a href=\"/es/docs/Web/CSS/timing-function\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;timing-function&gt;</code></a>.", "localization_tags": [], "locale": "es", "last_edit": "2016-01-28T21:45:32", "review_tags": []}, {"uuid": "a82c25e2-905b-45d0-8253-aa87d4862481", "title": "animation-timing-function", "url": "/fr/docs/Web/CSS/animation-timing-function", "tags": ["CSS", "Exp\u00e9rimental", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9 <code><strong>animation-timing-function</strong></code> indique la fa\u00e7on dont une animation CSS doit se d\u00e9rouler au fur et \u00e0 mesure de chaque cycle. Cette propri\u00e9t\u00e9 prendra comme valeurs une ou plusieurs fonctions <a href=\"/fr/docs/Web/CSS/timing-function\" title=\"Cette fonction prend comme entr&#xE9;e un ratio de temps (0 : l'&#xE9;tat initial, 1 : l'&#xE9;tat final) et produit un ratio d'&#xE9;volution (sous la forme d'une valeur &lt;number&gt;) allant &#xE9;galement de 0.0 &#xE0; 1.0.\"><code>&lt;timing-function&gt;</code></a>.", "localization_tags": [], "locale": "fr", "last_edit": "2016-07-27T04:01:29", "review_tags": []}, {"uuid": "717a8383-8983-4171-91b9-1b08ca07c0f7", "title": "animation-timing-function", "url": "/ja/docs/Web/CSS/animation-timing-function", "tags": ["CSS", "Reference", "Experimental", "CSS Animations", "CSS Property"], "summary": "<code>animation-timing-function</code> <a href=\"/ja/docs/CSS\" title=\"CSS\">CSS</a> \u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u3001\u305d\u308c\u305e\u308c\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u5468\u671f\u3067\u3069\u306e\u3088\u3046\u306a CSS \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u5b9f\u884c\u3059\u308b\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u6307\u5b9a\u3067\u304d\u308b\u5024\u306f\u30011 \u3064\u307e\u305f\u306f\u8907\u6570\u306e <a href=\"/ja/docs/Web/CSS/timing-function\" title=\"CSS &#x30C7;&#x30FC;&#x30BF;&#x30BF;&#x30A4;&#x30D7; &lt;timing-function&gt; &#x306F;&#x3001;&#x30A2;&#x30CB;&#x30E1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x4E2D;&#x3084;&#x30C8;&#x30E9;&#x30F3;&#x30B8;&#x30B7;&#x30E7;&#x30F3;&#x4E2D;&#x306B;&#x4E00;&#x6B21;&#x5143;&#x306E;&#x5024;&#x304C;&#x3069;&#x308C;&#x3060;&#x3051;&#x901F;&#x304F;&#x5909;&#x5316;&#x3059;&#x308B;&#x304B;&#x3092;&#x8868;&#x3059;&#x6570;&#x5B66;&#x95A2;&#x6570;&#x3092;&#x793A;&#x3057;&#x307E;&#x3059;&#x3002;&#x672C;&#x8CEA;&#x7684;&#x306B;&#x306F;&#x52A0;&#x901F;&#x66F2;&#x7DDA;&#x3092;&#x5B9A;&#x7FA9;&#x3059;&#x308B;&#x3082;&#x306E;&#x3067;&#x3042;&#x308B;&#x305F;&#x3081;&#x3001;&#x30A2;&#x30CB;&#x30E1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x5B9F;&#x884C;&#x4E2D;&#x306E;&#x30A2;&#x30CB;&#x30E1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x901F;&#x5EA6;&#x3092;&#x64CD;&#x4F5C;&#x3059;&#x308B;&#x3053;&#x3068;&#x3092;&#x53EF;&#x80FD;&#x306B;&#x3057;&#x307E;&#x3059;&#x3002;&#x3053;&#x308C;&#x3089;&#x306E;&#x95A2;&#x6570;&#x306F;&#x3088;&#x304F;&#x3001;easing function &#x3068;&#x547C;&#x3070;&#x308C;&#x307E;&#x3059;&#x3002;\"><code>&lt;timing-function&gt;</code></a> \u3067\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-01-28T21:47:58", "review_tags": []}, {"uuid": "8a86f6c7-2ce0-4c29-b77b-0be14f33d7ae", "title": "animation-timing-function", "url": "/ru/docs/Web/CSS/animation-timing-function", "tags": [], "summary": "The <code><strong>animation-timing-function</strong></code> <a href=\"/en-US/docs/CSS\" title=\"CSS\">CSS</a> property specifies how a CSS animation should progress over the duration of each cycle. The possible values are one or several <a href=\"/ru/docs/Web/CSS/timing-function\" title=\"&#x414;&#x43E;&#x43A;&#x443;&#x43C;&#x435;&#x43D;&#x442;&#x430;&#x446;&#x438;&#x44F; &#x43E;&#x431; &#x44D;&#x442;&#x43E;&#x43C; &#x435;&#x449;&#x451; &#x43D;&#x435; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x430;; &#x43F;&#x43E;&#x436;&#x430;&#x43B;&#x443;&#x439;&#x441;&#x442;&#x430;, &#x43F;&#x43E;&#x441;&#x43F;&#x43E;&#x441;&#x43E;&#x431;&#x441;&#x442;&#x432;&#x443;&#x439;&#x442;&#x435; &#x435;&#x451; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x438;&#x44E;!\"><code>&lt;timing-function&gt;</code></a>.", "localization_tags": ["inprogress"], "locale": "ru", "last_edit": "2016-02-12T02:37:46", "review_tags": []}, {"uuid": "a6d38409-16cc-4631-9ee8-998966adb75d", "title": "animation-timing-function", "url": "/zh-CN/docs/Web/CSS/animation-timing-function", "tags": ["CSS", "Reference", "CSS Animations", "CSS Property", "Experimental"], "summary": "<a href=\"/en-US/docs/CSS\" title=\"CSS\">CSS</a> <code>animation-timing-function\u5c5e\u6027\u5b9a\u4e49CSS\u52a8\u753b\u5728\u6bcf\u4e00\u52a8\u753b\u5468\u671f\u4e2d\u6267\u884c\u7684\u8282\u594f\u3002</code>\u53ef\u80fd\u503c\u4e3a\u4e00\u6216\u591a\u4e2a <a href=\"/zh-CN/docs/Web/CSS/timing-function\" title=\"&lt;timing-function&gt;&#xA0;CSS&#xA0;&#x6570;&#x636E;&#x7C7B;&#x578B;&#x8868;&#x793A;&#x4E00;&#x4E2A;&#x6570;&#x5B66;&#x51FD;&#x6570;&#xFF0C;&#x5B83;&#x63CF;&#x8FF0;&#x4E86;&#x5728;&#x4E00;&#x4E2A;&#x8FC7;&#x6E21;&#x6216;&#x52A8;&#x753B;&#x4E2D;&#x4E00;&#x7EF4;&#x6570;&#x503C;&#x7684;&#x6539;&#x53D8;&#x901F;&#x5EA6;&#x3002;&#x8FD9;&#x5B9E;&#x8D28;&#x4E0A;&#x8BA9;&#x4F60;&#x53EF;&#x4EE5;&#x81EA;&#x5DF1;&#x5B9A;&#x4E49;&#x4E00;&#x4E2A;&#x52A0;&#x901F;&#x5EA6;&#x66F2;&#x7EBF;&#xFF0C;&#x4EE5;&#x4FBF;&#x52A8;&#x753B;&#x7684;&#x901F;&#x5EA6;&#x5728;&#x52A8;&#x753B;&#x7684;&#x8FC7;&#x7A0B;&#x4E2D;&#x53EF;&#x4EE5;&#x8FDB;&#x884C;&#x6539;&#x53D8;&#x3002;&#x8FD9;&#x4E9B;&#x51FD;&#x6570;&#x901A;&#x5E38;&#x88AB;&#x79F0;&#x4E3A;&#x7F13;&#x52A8;&#x51FD;&#x6570;&#x3002;\"><code>&lt;timing-function&gt;</code></a>\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-05-19T07:29:43", "review_tags": []}], "modified": "2016-07-26T23:11:56", "label": "animation-timing-function", "localization_tags": [], "locale": "en-US", "id": 1212, "last_edit": "2016-07-26T23:11:46", "summary": "The <code><strong>animation-timing-function</strong></code> <a href=\"/en-US/docs/CSS\" title=\"CSS\">CSS</a> property specifies how a CSS animation should progress over the duration of each cycle. The possible values are one or several <a href=\"/en-US/docs/Web/CSS/timing-function\" title=\"The &lt;timing-function&gt; CSS data type denotes a mathematical function that describes how fast one-dimensional values change during transitions or animations. This in essence lets you establish an acceleration curve, so that the speed of the animation can vary over its duration. These functions are often called easing functions.\"><code>&lt;timing-function&gt;</code></a>.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "Summary"}, {"id": "Syntax", "title": "Syntax"}, {"id": "Values", "title": "Values"}, {"id": "Formal_syntax", "title": "Formal syntax"}, {"id": "Examples", "title": "Examples"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/animation-timing-function", "review_tags": []}