{"json_modified": "2016-10-25T11:29:42.863774", "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"], "translations": [{"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"], "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>", "localization_tags": [], "locale": "en-US", "last_edit": "2016-10-25T09:25:10", "review_tags": []}], "modified": "2016-10-25T11:29:42", "label": "single-transition-timing-function", "localization_tags": [], "locale": "fr", "id": 177025, "last_edit": "2016-10-25T11:29:36", "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.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Valeurs", "title": "Valeurs"}, {"id": "La_classe_de_fonctions_cubic-bezier()", "title": "La classe de fonctions "}, {"id": "Syntaxe", "title": "Syntaxe"}, {"id": "Exemples", "title": "Exemples"}, {"id": "La_classe_de_fonction_steps()", "title": "La classe de fonction "}, {"id": "Syntaxe_2", "title": "Syntaxe"}, {"id": "Exemples_2", "title": "Exemples"}, {"id": "Mots-cl\u00e9s_pour_les_fonctions_de_temporisation_usuelles", "title": "Mots-cl\u00e9s pour les fonctions de temporisation usuelles"}, {"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": "Sp\u00e9cifications", "title": "Sp\u00e9cifications"}, {"id": "Compatibilit\u00e9_des_navigateurs", "title": "Compatibilit\u00e9 des navigateurs"}, {"id": "Voir_aussi", "title": "Voir aussi"}], "slug": "Web/CSS/single-transition-timing-function", "review_tags": []}