{"json_modified": "2016-06-29T05:29:19.570869", "uuid": "3cbb238c-9d65-4632-859d-2f492d55f9be", "title": "@keyframes", "url": "/ka/docs/Web/CSS/@keyframes", "tags": [], "translations": [{"uuid": "47d2ebba-d8ca-4a7d-9b99-76c4efbf9d24", "title": "@keyframes", "url": "/en-US/docs/Web/CSS/@keyframes", "tags": ["At-rule", "CSS", "Reference", "Experimental", "animations", "Animations"], "summary": "The <strong><code>@keyframes</code></strong> CSS <a href=\"/en-US/docs/Web/CSS/At-rule\">at-rule</a> lets authors control the intermediate steps in a CSS animation sequence by establishing keyframes (or waypoints) along the animation sequence that must be reached by certain points during the animation. This gives you more specific control over the intermediate steps of the animation sequence than you'd get when letting the browser handle everything automatically.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-05-29T08:48:26", "review_tags": []}, {"uuid": "711b1ed7-1c3a-4442-99a6-c9e58fa7ede3", "title": "@keyframes", "url": "/ja/docs/Web/CSS/@keyframes", "tags": ["CSS", "NeedsMobileBrowserCompatibility", "CSS Reference", "NeedsBrowserCompatibility", "NeedsTechnicalReview"], "summary": "<code>@keyframes</code> \u306f\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u4e2d\u306b\u5230\u9054\u3059\u3079\u304d\u30dd\u30a4\u30f3\u30c8\u3067\u3042\u308b\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0 (\u901a\u904e\u70b9) \u3092\u660e\u793a\u3059\u308b\u3053\u3068\u3067\u3001CSS animation \u306e\u6d41\u308c\u306e\u4e2d\u9593\u5730\u70b9\u3092\u30da\u30fc\u30b8\u4f5c\u8005\u304c\u5236\u5fa1\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30d6\u30e9\u30a6\u30b6\u306b\u3059\u3079\u3066\u3092\u81ea\u52d5\u7684\u306b\u6271\u308f\u305b\u308b\u5834\u5408\u3088\u308a\u3082\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u6d41\u308c\u306e\u4e2d\u9593\u5730\u70b9\u3092\u3088\u308a\u660e\u78ba\u306b\u5236\u5fa1\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-04-24T10:49:01", "review_tags": []}, {"uuid": "ceb83407-3fe3-4d3b-b598-71f9829910ec", "title": "@keyframes", "url": "/es/docs/Web/CSS/@keyframes", "tags": [], "summary": "La regla arroba <code>@keyframes</code> permite a los autores controlar los pasos intermedios en una secuencia de animaci\u00f3n CSS mediante el establecimiento de keyframes (o puntos de trayectoria) a lo largo de la secuencia de animaci\u00f3n que debe ser alcanzado por determinados puntos durante la animaci\u00f3n. Esto le da un control m\u00e1s espec\u00edfico sobre los pasos intermedios de la secuencia de animaci\u00f3n que se obtiene al dejar que el navegador maneje todo autom\u00e1ticamente.", "localization_tags": [], "locale": "es", "last_edit": "2015-11-13T06:33:24", "review_tags": []}, {"uuid": "68c54cbc-4f3a-4dfc-a99f-b18ffa2ca52e", "title": "@keyframes", "url": "/fr/docs/Web/CSS/@keyframes", "tags": ["R\u00e8gle @", "CSS", "Exp\u00e9rimental", "R\u00e9f\u00e9rence"], "summary": "La <a href=\"/fr/docs/Web/CSS/R%C3%A8gles_@\">r\u00e8gle @</a> <strong><code>@keyframes</code></strong> permet aux auteurs de d\u00e9finir les \u00e9tapes qui composent la s\u00e9quence d'une animation CSS. Cela permet de contr\u00f4ler une animation plus finement que ce qu'on obtient lorsque le navigateur g\u00e8re l'ensemble, du d\u00e9but \u00e0 la fin, automatiquement.", "localization_tags": [], "locale": "fr", "last_edit": "2016-06-14T00:53:56", "review_tags": []}, {"uuid": "e316ef2f-4560-469a-b141-eb8561fe1a15", "title": "@keyframes", "url": "/de/docs/Web/CSS/@keyframes", "tags": [], "summary": "Durch die CSS-at-Regel <code>@keyframes</code> kann der Autor die einzelnen Schritte einer CSS-Animationssequenz festlegen, indem er Keyframes (oder Wegpunkte) setzt, die w\u00e4hrend der Sequenz an bestimmten Punkten erreicht werden. Dadurch erh\u00e4lt man eine spezifischere Kontrolle \u00fcber die Schritte einer Animationssequenz, als wenn man den Browser selbst alles \u00fcberlassen w\u00fcrde.", "localization_tags": ["inprogress"], "locale": "de", "last_edit": "2015-11-13T06:30:58", "review_tags": []}, {"uuid": "7805c007-0655-4f7b-81ae-0930a18d65e7", "title": "CSS3\u4e2d\u7684\u5173\u952e\u5e27", "url": "/zh-CN/docs/Web/CSS/@keyframes", "tags": [], "summary": "<code>@keyframes</code> @\u89c4\u5219 \uff08at-rule\uff09\u8ba9\u5f00\u53d1\u8005\u901a\u8fc7\u6307\u5b9a\u52a8\u753b\u4e2d\u7279\u5b9a\u65f6\u95f4\u70b9\u5fc5\u987b\u5c55\u73b0\u7684\u5173\u952e\u5e27\u6837\u5f0f\uff08\u6216\u8005\u8bf4\u505c\u7559\u70b9\uff09\u6765\u63a7\u5236CSS\u52a8\u753b\u7684\u4e2d\u95f4\u73af\u8282\u3002\u8fd9\u4f7f\u5f00\u53d1\u8005\u80fd\u591f\u63a7\u5236\u52a8\u753b\u4e2d\u7684\u66f4\u591a\u7ec6\u8282\u800c\u4e0d\u662f\u8ba9\u6d4f\u89c8\u5668\u81ea\u52a8\u5904\u7406\u3002", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2016-02-15T22:38:52", "review_tags": ["technical", "editorial"]}], "modified": "2016-06-29T05:29:19", "label": "@keyframes", "localization_tags": ["inprogress"], "locale": "ka", "id": 148497, "last_edit": "2016-06-29T05:29:09", "summary": "The <code>@keyframes</code> CSS at-rule lets authors control the intermediate steps in a CSS animation sequence by establishing keyframes (or waypoints) along the animation sequence that must be reached by certain points during the animation. This gives you more specific control over the intermediate steps of the animation sequence than you get when letting the browser handle everything automatically.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "Summary"}, {"id": "Valid_keyframe_lists", "title": "Valid keyframe lists"}, {"id": "Duplicate_resolution", "title": "Duplicate resolution"}, {"id": "When_properties_are_left_out_of_some_keyframes", "title": "When properties are left out of some keyframes"}, {"id": "When_a_keyframe_is_defined_multiple_times", "title": "When a keyframe is defined multiple times"}, {"id": "!important_in_a_keyframe", "title": "!important in a keyframe"}, {"id": "Syntax", "title": "Syntax"}, {"id": "Values", "title": "Values"}, {"id": "Examples", "title": "Examples"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_Compatibility", "title": "Browser compatibility"}, {"id": "Notes", "title": "Notes"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/@keyframes", "review_tags": []}