{"json_modified": "2016-10-25T11:29:43.128876", "uuid": "f44cd66a-2b6d-4427-b866-8db3b9bd6187", "title": "<single-transition-timing-function>", "url": "/en-US/docs/Web/CSS/single-transition-timing-function", "tags": ["CSS Reference", "CSS", "Reference", "Web", "CSS Data Type", "Layout"], "translations": [{"uuid": "1f47e697-3226-4262-a6ab-56b9ec44a8b7", "title": "single-transition-timing-function", "url": "/fr/docs/Web/CSS/single-transition-timing-function", "tags": ["CSS", "Web", "Type de donn\u00e9e", "R\u00e9f\u00e9rence"], "summary": "Cette fonction prend comme entr\u00e9e un ratio de temps (0 : l'\u00e9tat initial, 1 : l'\u00e9tat final) et produit un ratio d'\u00e9volution (sous la forme d'une valeur <a href=\"/fr/docs/Web/CSS/number\" title=\"Le type de donn&#xE9;e CSS &lt;number&gt; permet de repr&#xE9;senter des nombres entiers ou d&#xE9;cimaux. C'est donc un type qui englobe le type de donn&#xE9;es &lt;integer&gt; (permettant de repr&#xE9;senter des entiers). Pour repr&#xE9;senter des nombres d&#xE9;cimaux, on utilisera le point (.) comme s&#xE9;parateur. Comme pour &lt;integer&gt;, il n'y a aucune unit&#xE9; associ&#xE9;e aux valeurs de type &lt;number&gt; (ce n'est donc pas une dimension).\"><code>&lt;number&gt;</code></a>) allant \u00e9galement de 0.0 \u00e0 1.0.", "localization_tags": [], "locale": "fr", "last_edit": "2016-10-25T11:29:36", "review_tags": []}], "modified": "2016-10-25T09:25:19", "label": "<single-transition-timing-function>", "localization_tags": [], "locale": "en-US", "id": 176757, "last_edit": "2016-10-25T09:25:10", "summary": "The <strong><code>&lt;single-transition-timing-function&gt;</code></strong> <a href=\"/en-US/docs/Web/CSS\">CSS</a> 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 <em>easing functions<code>.</code></em>", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "Summary"}, {"id": "Values", "title": "Values"}, {"id": "The_cubic-bezier()_class_of_timing-functions", "title": "The "}, {"id": "Syntax", "title": "Syntax"}, {"id": "Examples", "title": "Examples"}, {"id": "The_steps()_class_of_timing-functions", "title": "The "}, {"id": "Syntax_2", "title": "Syntax"}, {"id": "Examples_2", "title": "Examples"}, {"id": "Keywords_for_common_timing-functions", "title": "Keywords for common timing-functions"}, {"id": "linear", "title": null}, {"id": "ease", "title": null}, {"id": "ease-in", "title": null}, {"id": "ease-in-out", "title": null}, {"id": "ease-out", "title": null}, {"id": "step-start", "title": null}, {"id": "step-end", "title": null}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/single-transition-timing-function", "review_tags": []}