{"json_modified": "2016-05-23T12:40:36.814603", "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", "guide", "CSS Animations", "Example", "Guide"], "translations": [{"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": "2015-12-06T02:00:39", "review_tags": []}, {"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"], "summary": "<strong>CSS animations</strong> make it possible to animate transitions from one CSS style configuration to another.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-04-27T07:59:39", "review_tags": []}, {"uuid": "7fa6492e-569f-488b-9331-7b2bef0a9e1c", "title": "Utiliser les animations CSS", "url": "/fr/docs/Web/CSS/CSS_Animations/Utiliser_les_animations_CSS", "tags": ["CSS", "Advanced", "Experimental", "CSS Animations", "Example", "Guide"], "summary": "<span class=\"diff_add\"/>", "localization_tags": ["inprogress"], "locale": "fr", "last_edit": "2016-01-27T02:18:17", "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": []}, {"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": "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": "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": "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": "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": "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": []}], "modified": "2016-05-23T12:40:35", "label": "Usando anima\u00e7\u00f5es CSS", "localization_tags": ["inprogress"], "locale": "pt-BR", "id": 53910, "last_edit": "2016-05-23T12:40:28", "summary": "<span class=\"diff_add\"/>", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Configurando_a_anima\u00e7\u00e3o", "title": "Configurando a anima\u00e7\u00e3o"}, {"id": "Definindo_a_sequ\u00eancia_de_anima\u00e7\u00e3o_usando_keyframes", "title": "Definindo a sequ\u00eancia de anima\u00e7\u00e3o usando keyframes"}, {"id": "Exemplos", "title": "Exemplos"}, {"id": "Fazendo_o_texto_deslizar_atrav\u00e9s_da_janela_do_navegador", "title": "Fazendo o texto deslizar atrav\u00e9s da janela do navegador"}, {"id": "Adicionando_outro_keyframe", "title": "Adicionando outro keyframe"}, {"id": "Fa\u00e7a_repetir-se", "title": "Fa\u00e7a repetir-se"}, {"id": "Fazendo_a_anima\u00e7\u00e3o_se_mover_para_tr\u00e1s_e_para_frente", "title": "Fazendo a anima\u00e7\u00e3o se mover para tr\u00e1s e para frente"}, {"id": "Using_animation_events", "title": "Using animation events"}, {"id": "Adding_the_CSS", "title": "Adding the CSS"}, {"id": "Adicionando_anima\u00e7\u00e3o_a_lista_de_eventos", "title": "Adicionando anima\u00e7\u00e3o a lista de eventos"}, {"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/Usando_anima\u00e7\u00f5es_CSS", "review_tags": []}