{"json_modified": "2015-06-15T07:42:54.036506", "slug": "Tools/Performance/Scenarios/Animating_CSS_properties", "tags": [], "locale": "ja", "title": "CSS \u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3", "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": []}], "modified": "2015-06-15T07:42:53", "label": "CSS \u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3", "localization_tags": [], "url": "/ja/docs/Tools/Performance/Scenarios/Animating_CSS_properties", "last_edit": "2015-06-15T07:42:50", "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", "sections": [{"id": "The_CSS_rendering_waterfall", "title": "CSS \u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u306e\u30a6\u30a9\u30fc\u30bf\u30fc\u30d5\u30a9\u30fc\u30eb"}, {"id": "CSS_property_cost", "title": "CSS \u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u30b3\u30b9\u30c8"}, {"id": "An_example.3A_margin_versus_transform", "title": "\u4f8b: margin \u3068 transform"}, {"id": "Animating_using_margin", "title": "margin \u3092\u4f7f\u7528\u3057\u305f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3"}, {"id": "Waterfall_overview", "title": "\u30a6\u30a9\u30fc\u30bf\u30fc\u30d5\u30a9\u30fc\u30eb\u306e\u6982\u8981"}, {"id": "Frame_rate", "title": "\u30d5\u30ec\u30fc\u30e0\u30ec\u30fc\u30c8"}, {"id": "Waterfall", "title": "\u30a6\u30a9\u30fc\u30bf\u30fc\u30d5\u30a9\u30fc\u30eb"}, {"id": "Animating_using_transform", "title": "transform \u3092\u4f7f\u7528\u3057\u305f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3"}, {"id": "Waterfall_overview_2", "title": "\u30a6\u30a9\u30fc\u30bf\u30fc\u30d5\u30a9\u30fc\u30eb\u306e\u6982\u8981"}, {"id": "Frame_rate_2", "title": "\u30d5\u30ec\u30fc\u30e0\u30ec\u30fc\u30c8"}, {"id": "Waterfall_2", "title": "\u30a6\u30a9\u30fc\u30bf\u30fc\u30d5\u30a9\u30fc\u30eb"}], "id": 153391, "review_tags": []}