{"json_modified": "2016-01-28T21:56:03.845079", "slug": "Web/CSS/animation-timing-function", "tags": ["css", "CSS", "Referenz", "CSS Animationen", "CSS Eigenschaft", "Layout"], "locale": "de", "title": "animation-timing-function", "translations": [{"title": "animation-timing-function", "url": "/ja/docs/Web/CSS/animation-timing-function", "tags": ["css", "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": []}, {"title": "animation-timing-function", "url": "/en-US/docs/Web/CSS/animation-timing-function", "tags": ["css", "CSS", "Reference", "Experimental", "CSS Animations", "CSS Property"], "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>.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-01-28T21:47:01", "review_tags": []}, {"title": "animation-timing-function", "url": "/fr/docs/Web/CSS/animation-timing-function", "tags": ["css", "CSS", "Reference", "Experimental", "CSS Animations", "CSS Property"], "summary": "La propri\u00e9t\u00e9 <a href=\"/fr/docs/CSS\" title=\"/fr/docs/CSS\">CSS</a> <code>animation-timing-function</code> sp\u00e9cifie la mani\u00e8re dont l'animation CSS progresse au cours de chaque cycle. Les diff\u00e9rentes valeurs possibles sont une ou plusieurs <a href=\"/fr/docs/Web/CSS/timing-function\" title=\"Cette documentation n'a pas encore &#xE9;t&#xE9; r&#xE9;dig&#xE9;e, vous pouvez aider en contribuant&#xA0;!\"><code>&lt;timing-function&gt;</code></a>.", "localization_tags": [], "locale": "fr", "last_edit": "2016-01-28T21:46:42", "review_tags": []}, {"title": "animation-timing-function", "url": "/zh-CN/docs/Web/CSS/animation-timing-function", "tags": ["css", "CSS", "Reference", "Experimental", "CSS Animations", "CSS Property"], "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-01-28T21:51:45", "review_tags": []}, {"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": []}], "modified": "2016-01-28T21:56:02", "label": "animation-timing-function", "localization_tags": [], "url": "/de/docs/Web/CSS/animation-timing-function", "last_edit": "2016-01-28T21:55:57", "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>.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "\u00dcbersicht", "title": "\u00dcbersicht"}, {"id": "Syntax", "title": "Syntax"}, {"id": "Werte", "title": "Werte"}, {"id": "Formale_Syntax", "title": "Formale Syntax"}, {"id": "Beispiele", "title": "Beispiele"}, {"id": "Spezifikationen", "title": "Spezifikationen"}, {"id": "Browser_Kompatibilit\u00e4t", "title": "Browser Kompatibilit\u00e4t"}, {"id": "Siehe_auch", "title": "Siehe auch"}], "id": 125275, "review_tags": []}