{"json_modified": "2016-06-29T05:39:13.247278", "uuid": "ceb83407-3fe3-4d3b-b598-71f9829910ec", "title": "@keyframes", "url": "/es/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": "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": "2016-06-29T05:29:34", "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-06-29T05:38:46", "review_tags": ["technical", "editorial"]}, {"uuid": "3cbb238c-9d65-4632-859d-2f492d55f9be", "title": "@keyframes", "url": "/ka/docs/Web/CSS/@keyframes", "tags": [], "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.", "localization_tags": ["inprogress"], "locale": "ka", "last_edit": "2016-06-29T05:29:09", "review_tags": []}], "modified": "2016-06-29T05:39:13", "label": "@keyframes", "localization_tags": [], "locale": "es", "id": 57743, "last_edit": "2016-06-29T05:39:05", "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.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Resumen", "title": "Resumen"}, {"id": "Listas_v\u00e1lidas_de_keyframe", "title": "Listas v\u00e1lidas de keyframe"}, {"id": "Duplicar_resoluci\u00f3n", "title": "Duplicar resoluci\u00f3n"}, {"id": "Cuando_las_propiedades_son_dejadas_fuera_de_algunos_keyframes", "title": "Cuando las propiedades son dejadas fuera de algunos keyframes"}, {"id": "Cuando_se_define_un_keyframe_varias_veces", "title": "Cuando se define un keyframe varias veces"}, {"id": "Sintaxis", "title": "Sintaxis"}, {"id": "Valores", "title": "Valores"}, {"id": "Ejemplos", "title": "Ejemplos"}, {"id": "Especificaciones", "title": "Especificaciones"}, {"id": "Vease_tambi\u00e9n", "title": "Vease tambi\u00e9n"}], "slug": "Web/CSS/@keyframes", "review_tags": []}