{"json_modified": "2016-10-25T03:33:44.481709", "uuid": "e23e52ae-4178-4e04-b9b1-7971efa73164", "title": "Using CSS animations", "url": "/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations", "tags": ["CSS", "Advanced", "Experimental", "CSS Animations", "Example", "Guide"], "translations": [{"uuid": "ec37892f-0772-4371-bc1c-99f5094fce49", "title": "\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be", "url": "/bn-BD/docs/Web/CSS/CSS_Animations/%E0%A6%B8%E0%A6%BF%E0%A6%8F%E0%A6%B8%E0%A6%8F%E0%A6%B8_%E0%A6%8F%E0%A6%A8%E0%A6%BF%E0%A6%AE%E0%A7%87%E0%A6%B6%E0%A6%A8", "tags": ["CSS", "Advanced", "Experimental", "CSS Animations", "Example", "Guide"], "summary": "<strong>\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 </strong>\u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0986\u09ae\u09b0\u09be \u09af\u09c7 \u0995\u09cb\u09a8 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09b8\u09cd\u099f\u09be\u0987\u09b2\u0995\u09c7 \u098f\u09a8\u09bf\u09ae\u09c7\u099f \u0995\u09b0\u09a4\u09c7 \u09aa\u09b0\u09be\u09ac\u09cb\u0964 \u098f\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u09c7\u09b0 \u09a6\u09c1\u0987\u099f\u09bf \u0995\u09ae\u09cd\u09aa\u09cb\u09a8\u09c7\u09a8\u09cd\u099f \u0986\u099b\u09c7\u0964 \u098f\u0995\u099f\u09bf \u09b9\u09b2 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u09c7\u09b0 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u098f\u09ac\u0982 \u0985\u09aa\u09b0\u099f\u09bf \u09b9\u09b2 \u0995\u09c0-\u09ab\u09cd\u09b0\u09c7\u09ae \u09af\u09c7\u099f\u09bf \u098f\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u09c7\u09b0 \u09b6\u09c1\u09b0\u09c1, \u09b6\u09c7\u09b7 \u098f\u09ac\u0982 \u09ac\u09b0\u09cd\u09a4\u09ae\u09be\u09a8 \u09b8\u09cd\u099f\u09c7\u099f \u098f\u09ac\u0982 \u09b8\u09ae\u09cd\u09ad\u09be\u09ac\u09cd\u09af \u09ae\u09a7\u09cd\u09af\u09ac\u09b0\u09cd\u09a4\u09c0 \u09a7\u09be\u09aa\u0997\u09c1\u09b2\u09cb \u09ac\u09cb\u099d\u09be\u09df\u0964", "localization_tags": ["inprogress"], "locale": "bn-BD", "last_edit": "2015-12-06T01:05:38", "review_tags": []}, {"uuid": "19b5a334-77a2-45bd-876f-14c12a6ee1c6", "title": "CSS Animationen nutzen", "url": "/de/docs/Web/CSS/CSS_Animations/CSS_Animationen_nutzen", "tags": [], "summary": "<strong>CSS Animationen</strong>\u00a0erm\u00f6glichen animierte \u00dcberg\u00e4nge von einem CSS Style zum n\u00e4chsten. Die Animationen bestehen aus zwei Komponenten: Einem Style, der die Animation beschreibt, sowie einem Set von Keyframes, dass Start, Ende und Zwischenpositionen der Animation festlegt.", "localization_tags": ["inprogress"], "locale": "de", "last_edit": "2015-12-06T01:09:33", "review_tags": []}, {"uuid": "85ad40e6-5669-492e-8d36-03b8696d0c41", "title": "Usando animaciones CSS", "url": "/es/docs/Web/CSS/CSS_Animations/Usando_animaciones_CSS", "tags": ["CSS", "Advanced", "Experimental", "CSS Animations", "Example", "Guide"], "summary": "<span class=\"diff_add\"/>", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2015-12-06T01:41:24", "review_tags": []}, {"uuid": "7fa6492e-569f-488b-9331-7b2bef0a9e1c", "title": "Utiliser les animations CSS", "url": "/fr/docs/Web/CSS/Animations_CSS/Utiliser_les_animations_CSS", "tags": ["CSS", "Avanc\u00e9", "Exp\u00e9rimental", "Guide"], "summary": "Les <strong>animations CSS</strong> permettent de cr\u00e9er des transitions entre deux \u00e9tats de mise en forme. Une animation est d\u00e9crite par deux choses : des propri\u00e9t\u00e9s propres \u00e0 l'animation d'une part et un ensemble d'\u00e9tapes (<em>keyframes</em>) qui indiquent l'\u00e9tat initial, final et \u00e9ventuellement des \u00e9tats interm\u00e9diaires d'autre part.", "localization_tags": [], "locale": "fr", "last_edit": "2016-10-25T03:33:33", "review_tags": []}, {"uuid": "16d02f2d-189e-4186-9d30-957f7177a492", "title": "CSS \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3", "url": "/ja/docs/Web/CSS/CSS_Animations/Using_CSS_animations", "tags": ["CSS", "CSS Animations", "Web", "Example", "Guide", "CSS3"], "summary": "<strong>CSS3 \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3</strong> \u306f\u3001\u3042\u308b CSS \u306e\u30b9\u30bf\u30a4\u30eb\u8a2d\u5b9a\u3092\u5225\u306e\u8a2d\u5b9a\u3078\u9077\u79fb\u3055\u305b\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002", "localization_tags": ["inprogress"], "locale": "ja", "last_edit": "2016-10-22T00:58:29", "review_tags": []}, {"uuid": "008862e2-ffa2-467c-9087-a20e1f67ae93", "title": "CSS \uc560\ub2c8\uba54\uc774\uc158 \uc0ac\uc6a9\ud558\uae30", "url": "/ko/docs/Web/CSS/CSS_Animations/Using_CSS_animations", "tags": ["CSS", "Advanced", "Experimental", "CSS Animations", "Example", "Guide"], "summary": "<strong>CSS3 \uc560\ub2c8\uba54\uc774\uc158</strong>\uc740 \uc5d8\ub9ac\uba3c\ud2b8\uc5d0 \uc801\uc6a9\ub418\ub294 CSS \uc2a4\ud0c0\uc77c\uc744 \ub2e4\ub978 CSS \uc2a4\ud0c0\uc77c\ub85c \ubd80\ub4dc\ub7fd\uac8c \uc804\ud658\uc2dc\ucf1c \uc90d\ub2c8\ub2e4. \uc560\ub2c8\uba54\uc774\uc158\uc740 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ub098\ud0c0\ub0b4\ub294 CSS \uc2a4\ud0c0\uc77c\uacfc \uc560\ub2c8\uba54\uc774\uc158\uc758 \uc911\uac04 \uc0c1\ud0dc\ub97c \ub098\ud0c0\ub0b4\ub294 \ud0a4\ud504\ub808\uc784\ub4e4\ub85c \uc774\ub8e8\uc5b4\uc9d1\ub2c8\ub2e4.", "localization_tags": ["inprogress"], "locale": "ko", "last_edit": "2015-12-06T02:55:38", "review_tags": []}, {"uuid": "213bc04c-9224-48e8-9d0f-27df2b19a239", "title": "Usando anima\u00e7\u00f5es CSS", "url": "/pt-BR/docs/Web/CSS/CSS_Animations/Usando_anima%C3%A7%C3%B5es_CSS", "tags": ["CSS", "Advanced", "Experimental", "CSS Animations", "Example", "Guide"], "summary": "<span class=\"diff_add\"/>", "localization_tags": ["inprogress"], "locale": "pt-BR", "last_edit": "2016-05-23T12:40:28", "review_tags": []}, {"uuid": "22b55ec2-e97a-4879-aa82-eedbacfb1b72", "title": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 CSS \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438", "url": "/ru/docs/Web/CSS/CSS_Animations/Ispolzovanie_CSS_animatciy", "tags": ["CSS", "Advanced", "Experimental", "CSS Animations", "Example", "Guide"], "summary": "CSS \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u043e\u0442 \u043e\u0434\u043d\u0438\u0445 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 CSS \u0441\u0442\u0438\u043b\u0435\u0439 \u043a \u0434\u0440\u0443\u0433\u0438\u043c.", "localization_tags": ["inprogress"], "locale": "ru", "last_edit": "2015-12-06T02:19:46", "review_tags": []}, {"uuid": "e9384012-d354-4125-acfd-3ff36abdb83f", "title": "Using CSS animations", "url": "/th/docs/Web/CSS/CSS_Animations/Using_CSS_animations", "tags": [], "summary": "<strong>CSS animations</strong> make it possible to animate transitions from one CSS style configuration to another.", "localization_tags": ["inprogress"], "locale": "th", "last_edit": "2015-12-06T01:14:23", "review_tags": []}, {"uuid": "2d3772b0-89ad-47ae-bd8e-2b2c3b96b35c", "title": "\u4f7f\u7528 CSS \u52a8\u753b", "url": "/zh-CN/docs/Web/CSS/CSS_Animations/Using_CSS_animations", "tags": ["CSS", "Advanced", "Experimental", "CSS Animations", "Example", "Guide"], "summary": "CSS\u52a8\u753b\u5141\u8bb8\u52a8\u6001\u5c55\u73b0CSS\u6837\u5f0f\u7684\u53d8\u5316\u3002\u52a8\u753b\u5305\u62ec\u4e24\u4e2a\u90e8\u5206:\u63cf\u8ff0\u52a8\u753b\u7684\u6837\u5f0f\u89c4\u5219\u548c\u7528\u4e8e\u6307\u5b9a\u52a8\u753b\u5f00\u59cb\u3001\u7ed3\u675f\u4ee5\u53ca\u4e2d\u95f4\u70b9\u6837\u5f0f\u7684\u5173\u952e\u5e27\u3002", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2015-12-06T02:30:31", "review_tags": []}, {"uuid": "0e49552b-b75b-49ac-92ef-a075431973ed", "title": "CSS \u52d5\u756b", "url": "/zh-TW/docs/Web/CSS/CSS_Animations/Using_CSS_animations", "tags": ["CSS animation", "Guide", "Experimental", "Example", "Advanced", "CSS \u52d5\u756b"], "summary": "<span class=\"diff_add\"/>", "localization_tags": ["inprogress"], "locale": "zh-TW", "last_edit": "2015-12-06T02:46:53", "review_tags": []}], "modified": "2016-10-08T05:33:03", "label": "Using CSS animations", "localization_tags": [], "locale": "en-US", "id": 2515, "last_edit": "2016-04-27T07:59:39", "summary": "<strong>CSS animations</strong> make it possible to animate transitions from one CSS style configuration to another.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Configuring_the_animation", "title": "Configuring the animation"}, {"id": "Defining_the_animation_sequence_using_keyframes", "title": "Defining the animation sequence using keyframes"}, {"id": "Examples", "title": "Examples"}, {"id": "Making_text_slide_across_the_browser_window", "title": "Making text slide across the browser window"}, {"id": "Adding_another_keyframe", "title": "Adding another keyframe"}, {"id": "Making_it_repeat", "title": "Making it repeat"}, {"id": "Making_it_move_back_and_forth", "title": "Making it move back and forth"}, {"id": "Using_animation_events", "title": "Using animation events"}, {"id": "Adding_the_CSS", "title": "Adding the CSS"}, {"id": "Adding_the_animation_event_listeners", "title": "Adding the animation event listeners"}, {"id": "Receiving_the_events", "title": "Receiving the events"}, {"id": "The_HTML", "title": "The HTML"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/CSS_Animations/Using_CSS_animations", "review_tags": []}