{"json_modified": "2015-09-30T10:52:54.221898", "slug": "Outils/Performance/Scenarios/Animating_CSS_properties", "tags": [], "locale": "fr", "title": "Animer des propri\u00e9t\u00e9s CSS", "translations": [{"title": "Animating CSS properties", "url": "/en-US/docs/Tools/Performance/Scenarios/Animating_CSS_properties", "tags": [], "summary": "With <a href=\"/en-US/docs/Web/Guide/CSS/Using_CSS_animations\">CSS animations</a> you specify a number of <a href=\"/en-US/docs/Web/CSS/@keyframes\">keyframes</a>, each of which uses CSS to define the appearance of the element at a particular stage of the animation. The browser creates the animation as a transition from each keyframe to the next.", "localization_tags": [], "locale": "en-US", "last_edit": "2015-06-01T23:37:25", "review_tags": []}, {"title": "CSS \u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3", "url": "/ja/docs/Tools/Performance/Scenarios/Animating_CSS_properties", "tags": [], "summary": "<a href=\"/ja/docs/Web/Guide/CSS/Using_CSS_animations\">CSS \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3</a>\u3067\u306f\u8907\u6570\u306e<a href=\"/ja/docs/Web/CSS/@keyframes\">\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0</a>\u3092\u6307\u5b9a\u3057\u3066\u3001\u305d\u308c\u305e\u308c\u306e\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3067\u306f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u7279\u5b9a\u306e\u6bb5\u968e\u306b\u304a\u3051\u308b\u8981\u7d20\u306e\u5916\u898b\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b CSS \u3092\u4f7f\u7528\u3057\u307e\u3059\u3002\u30d6\u30e9\u30a6\u30b6\u306f\u3001\u305d\u308c\u305e\u308c\u306e\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u304b\u3089\u6b21\u306e\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3078\u9077\u79fb\u3059\u308b\u3053\u3068\u3067\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2015-06-15T07:42:50", "review_tags": []}], "modified": "2015-09-30T10:52:53", "label": "Animer des propri\u00e9t\u00e9s CSS", "localization_tags": [], "url": "/fr/docs/Outils/Performance/Scenarios/Animating_CSS_properties", "last_edit": "2015-09-30T10:52:51", "summary": "Avec les <a href=\"/fr/docs/Web/Guide/CSS/Using_CSS_animations\">animations CSS</a>, il est possible de sp\u00e9cifier un nombre <a href=\"/fr/docs/Web/CSS/@keyframes\">keyframes</a>, chacune de celle-ci utilisent du CSS pour d\u00e9finir l'apparence d'un \u00e9l\u00e9ment \u00e0 un moment donn\u00e9 de l'animation. Le navigateur cr\u00e9e l'animation comme \u00e9tant une transition d'une keyframe \u00e0 une autre.", "sections": [{"id": "La_chronologie_du_rendu_CSS", "title": "La chronologie du rendu CSS"}, {"id": "Cout_des_propri\u00e9t\u00e9s_CSS", "title": "Cout des propri\u00e9t\u00e9s CSS"}, {"id": "Example_margin_contre_transform", "title": "Example : "}, {"id": "Animer_en_utilisant_margin", "title": "Animer en utilisant margin"}, {"id": "Vue_d'ensemble_de_la_chronologie", "title": "Vue d'ensemble de la chronologie"}, {"id": "Frame_rate", "title": "Frame rate"}, {"id": "Chronologie", "title": "Chronologie"}, {"id": "Animer_en_utilisant_transform", "title": "Animer en utilisant transform"}, {"id": "Vue_d'ensemble_de_la_chronologie_2", "title": "Vue d'ensemble de la chronologie"}, {"id": "Frame_rate_2", "title": "Frame rate"}, {"id": "Chronologie_2", "title": "Chronologie"}], "id": 161675, "review_tags": []}