{"json_modified": "2016-09-11T18:06:05.422739", "uuid": "09bb319b-626f-4f1a-aa5c-349b013b007d", "title": "animation", "url": "/ru/docs/Web/CSS/animation", "tags": [], "translations": [{"uuid": "d63148cf-0e71-4797-b272-076238b95a23", "title": "animation", "url": "/en-US/docs/Web/CSS/animation", "tags": ["CSS", "Reference", "CSS Animations", "CSS Property", "Experimental"], "summary": "The <strong><code>animation</code></strong> <a href=\"/en-US/docs/Web/CSS\">CSS</a> property is a <a href=\"/en-US/docs/Web/CSS/Shorthand_properties\">shorthand property</a> for <a href=\"/en-US/docs/Web/CSS/animation-name\" title=\"The animation-name CSS property specifies a list of animations that should be applied to the selected element. Each name indicates a @keyframes at-rule that defines the property values for the animation sequence.\"><code>animation-name</code></a>, <a href=\"/en-US/docs/Web/CSS/animation-duration\" title=\"The animation-duration CSS property specifies the length of time that an animation should take to complete one cycle.\"><code>animation-duration</code></a>, <a href=\"/en-US/docs/Web/CSS/animation-timing-function\" title=\"The animation-timing-function CSS property specifies how a CSS animation should progress over the duration of each cycle. The possible values are one or several &lt;timing-function&gt;.\"><code>animation-timing-function</code></a>, <a href=\"/en-US/docs/Web/CSS/animation-delay\" title=\"The animation-delay CSS property specifies when the animation should start. This lets the animation sequence begin some time after it's applied to an element.\"><code>animation-delay</code></a>, <a href=\"/en-US/docs/Web/CSS/animation-iteration-count\" title=\"The animation-iteration-count CSS property defines the number of times an animation cycle should be played before stopping.\"><code>animation-iteration-count</code></a>, <a href=\"/en-US/docs/Web/CSS/animation-direction\" title=\"The animation-direction CSS property indicates whether the animation should play in reverse on alternate cycles.\"><code>animation-direction</code></a>, <a href=\"/en-US/docs/Web/CSS/animation-fill-mode\" title=\"The animation-fill-mode CSS property specifies how a CSS animation should apply styles to its target before and after it is executing.\"><code>animation-fill-mode</code></a> and <a href=\"/en-US/docs/Web/CSS/animation-play-state\" title=\"The animation-play-state CSS property determines whether an animation is running or paused. This can be queried to determine whether or not the animation is currently running. In addition, its value can be set to pause and resume playback of an animation.\"><code>animation-play-state</code></a>.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-07-26T23:08:18", "review_tags": []}, {"uuid": "bdb00044-f785-4689-a0cf-d106a6055319", "title": "animation", "url": "/de/docs/Web/CSS/animation", "tags": ["CSS", "Referenz", "Experimentell", "CSS Animationen", "CSS Eigenschaft"], "summary": "Die <a href=\"/de/docs/Web/CSS\">CSS</a> Eigenschaft <code>animation</code> fasst die folgenden Werte zusammen: <a href=\"/de/docs/Web/CSS/animation-name\" title=\"Die animation-name CSS Eigenschaft definiert eine Liste von Animationen, welche dem Element zugeortnet werden sollen. Jeder name steht f&#xFC;r eine @keyframes Regel, welche den Ablauf der Animation definiert.\"><code>animation-name</code></a>, <a href=\"/de/docs/Web/CSS/animation-duration\" title=\"Die animation-duration CSS Eigenschaft bestimmt die Ablaufdauer einer Animation.\"><code>animation-duration</code></a>, <a href=\"/de/docs/Web/CSS/animation-timing-function\" title=\"Die animation-timing-function CSS Eigenschaft gibt an, wie eine CSS Animation &#xFC;ber die Dauer eines Zyklus verlaufen soll. Die m&#xF6;glichen Werte sind eine oder mehrere &lt;timing-function&gt;.\"><code>animation-timing-function</code></a>, <a href=\"/de/docs/Web/CSS/animation-delay\" title=\"Die animation-delay CSS Eigenschaft gibt an, wann eine Animation starten soll. Dies l&#xE4;sst die Animationssequenz einige Zeit sp&#xE4;ter starten nachdem sie einem Element zugewiesen wurde.\"><code>animation-delay</code></a>, <a href=\"/de/docs/Web/CSS/animation-iteration-count\" title=\"Die CSS Eigenschaft animation-iteration-count&#xA0; legt die Anzahl Wiederholungen der Animation fest.\"><code>animation-iteration-count</code></a> und <a href=\"/de/docs/Web/CSS/animation-direction\" title=\"Die animation-direction CSS Eigenschaft gibt an, ob die Animation r&#xFC;ckw&#xE4;rts oder in Wechelzyklen abgespielt werden soll.\"><code>animation-direction</code></a>.", "localization_tags": [], "locale": "de", "last_edit": "2016-01-30T12:39:10", "review_tags": []}, {"uuid": "68e4828d-2114-470b-9ba8-4fd6ad4b648d", "title": "animation", "url": "/es/docs/Web/CSS/animation", "tags": ["CSS", "Reference", "CSS Animations", "CSS Property", "Experimental"], "summary": "La propiedad <code>animation</code> de <a href=\"/es/CSS\" title=\"CSS\">CSS</a> es una <a href=\"/en/CSS/Shorthand_properties\" title=\"Shorthand properties\">propiedad abreviada (shorthand property) </a>para <a href=\"/es/docs/Web/CSS/animation-name\" title=\"La&#xA0;propiedad&#xA0;CSS animation-name especifica una lista de animaciones que se deben aplicar al elemento seleccionado. Cada nombre indica un&#xA0;@keyframes esta regla define los valores de las propiedades de la secuencia de animaci&#xF3;n.\"><code>animation-name</code></a>, <a href=\"/es/docs/Web/CSS/animation-duration\" title=\"La propiedad CSS animation-duration indica la cantidad de tiempo que la animaci&#xF3;n tarda en completar un ciclo (duraci&#xF3;n).\"><code>animation-duration</code></a>, <a href=\"/es/docs/Web/CSS/animation-timing-function\" title=\"La propiedad CSS animation-timing-function&#xA0;especifica c&#xF3;mo una animaci&#xF3;n CSS debe avanzar sobre la duraci&#xF3;n de cada ciclo. Los posibles valores son una o varias&#xA0;&lt;timing-function&gt;.\"><code>animation-timing-function</code></a>, <a href=\"/es/docs/Web/CSS/animation-delay\" title=\"La propiedad&#xA0;CSS&#xA0;animation-delay especifica el tiempo de retardo que debe transcurrir antes de comenzar la animaci&#xF3;n. Esto permite que la secuencia de animaci&#xF3;n no comience nada m&#xE1;s ser aplicada a un elemento.\"><code>animation-delay</code></a>, <a href=\"/es/docs/Web/CSS/animation-iteration-count\" title=\"La&#xA0;propiedad&#xA0;CSS&#xA0;animation-iteration-count&#xA0;define el numero de veces que un ciclo de animaci&#xF3;n debe ser ejecutado antes de detenerse.\"><code>animation-iteration-count</code></a> y <a href=\"/es/docs/Web/CSS/animation-direction\" title=\"La propiedad CSS animation-direction indica si la animaci&#xF3;n debe retroceder hasta el fotograma de inicio al finalizar la secuencia o si debe comenzar desde el principio al llegar al final.\"><code>animation-direction</code></a>.", "localization_tags": [], "locale": "es", "last_edit": "2015-11-16T07:22:46", "review_tags": []}, {"uuid": "d7640cab-a2fe-41ba-a26e-56c86ad3b331", "title": "animation", "url": "/fr/docs/Web/CSS/animation", "tags": ["CSS", "Exp\u00e9rimental", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9 <strong><code>animation</code></strong> est <a href=\"/fr/docs/Web/CSS/Propri&#xE9;t&#xE9;s_raccourcies\">une propri\u00e9t\u00e9 raccourcie</a> pour les propri\u00e9t\u00e9s suivantes :", "localization_tags": [], "locale": "fr", "last_edit": "2016-07-27T04:13:58", "review_tags": []}, {"uuid": "204a1fe8-7da0-4de3-a8de-f898637e20f1", "title": "animation", "url": "/ja/docs/Web/CSS/animation", "tags": ["CSS", "Reference", "CSS Animations", "CSS Property", "Experimental"], "summary": "<code>animation</code> <a href=\"/ja/docs/CSS\" title=\"CSS\">CSS</a> \u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u3001<a href=\"/ja/docs/Web/CSS/animation-name\" title=\"animation-name CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x9078;&#x629E;&#x3055;&#x308C;&#x305F;&#x8981;&#x7D20;&#x306B;&#x9069;&#x7528;&#x3059;&#x308B;&#x30A2;&#x30CB;&#x30E1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x306E;&#x30EA;&#x30B9;&#x30C8;&#x3092;&#x8A2D;&#x5B9A;&#x3057;&#x307E;&#x3059;&#x3002;&#x3053;&#x306E;&#x540D;&#x524D;&#x306F;&#x3001;&#x30A2;&#x30CB;&#x30E1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x4E2D;&#x306E;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306E;&#x5024;&#x3092;&#x5B9A;&#x7FA9;&#x3059;&#x308B; @keyframes &#x898F;&#x5247;&#x3067;&#x793A;&#x3055;&#x308C;&#x305F;&#x540D;&#x524D;&#x3092;&#x793A;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>animation-name</code></a>, <a href=\"/ja/docs/Web/CSS/animation-duration\" title=\"animation-duration CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;1 &#x56DE;&#x306E;&#x30A2;&#x30CB;&#x30E1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x5468;&#x671F;&#x304C;&#x5B8C;&#x4E86;&#x3059;&#x308B;&#x307E;&#x3067;&#x306E;&#x6240;&#x8981;&#x6642;&#x9593;&#x3092;&#x6307;&#x5B9A;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>animation-duration</code></a>, <a href=\"/ja/docs/Web/CSS/animation-timing-function\" title=\"animation-timing-function CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x305D;&#x308C;&#x305E;&#x308C;&#x306E;&#x30A2;&#x30CB;&#x30E1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x5468;&#x671F;&#x3067;&#x3069;&#x306E;&#x3088;&#x3046;&#x306A; CSS &#x30A2;&#x30CB;&#x30E1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x5B9F;&#x884C;&#x3059;&#x308B;&#x304B;&#x3092;&#x6307;&#x5B9A;&#x3057;&#x307E;&#x3059;&#x3002;&#x6307;&#x5B9A;&#x3067;&#x304D;&#x308B;&#x5024;&#x306F;&#x3001;1 &#x3064;&#x307E;&#x305F;&#x306F;&#x8907;&#x6570;&#x306E; &lt;timing-function&gt; &#x3067;&#x3059;&#x3002;\"><code>animation-timing-function</code></a>, <a href=\"/ja/docs/Web/CSS/animation-delay\" title=\"animation-delay CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x30A2;&#x30CB;&#x30E1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x3044;&#x3064;&#x958B;&#x59CB;&#x3059;&#x308B;&#x304B;&#x3092;&#x6307;&#x5B9A;&#x3057;&#x307E;&#x3059;&#x3002;&#x3053;&#x308C;&#x306B;&#x3088;&#x308A;&#x3001;&#x30A2;&#x30CB;&#x30E1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x306E;&#x8A2D;&#x5B9A;&#x304C;&#x8981;&#x7D20;&#x306B;&#x9069;&#x7528;&#x3055;&#x308C;&#x3066;&#x304B;&#x3089;&#x3044;&#x304F;&#x3089;&#x304B;&#x6642;&#x9593;&#x304C;&#x305F;&#x3063;&#x305F;&#x5F8C;&#x306B;&#x3001;&#x30A2;&#x30CB;&#x30E1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x59CB;&#x3081;&#x308B;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;\"><code>animation-delay</code></a>, <a href=\"/ja/docs/Web/CSS/animation-iteration-count\" title=\"animation-iteration-count CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x30A2;&#x30CB;&#x30E1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x505C;&#x6B62;&#x3059;&#x308B;&#x307E;&#x3067;&#x306B;&#x3001;&#x30A2;&#x30CB;&#x30E1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x306E;&#x5468;&#x671F;&#x3092;&#x4F55;&#x56DE;&#x5B9F;&#x884C;&#x3059;&#x308B;&#x304B;&#x3092;&#x5B9A;&#x7FA9;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>animation-iteration-count</code></a>, <a href=\"/ja/docs/Web/CSS/animation-direction\" title=\"animation-direction CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x30A2;&#x30CB;&#x30E1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x306E;&#x30B5;&#x30A4;&#x30AF;&#x30EB;&#x3054;&#x3068;&#x306B;&#x9006;&#x65B9;&#x5411;&#x306E;&#x30A2;&#x30CB;&#x30E1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x5B9F;&#x884C;&#x3059;&#x308B;&#x304B;&#x3092;&#x6307;&#x5B9A;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>animation-direction</code></a> \u306e\u5404\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u5024\u3092\u8a2d\u5b9a\u3059\u308b<a href=\"/ja/docs/CSS/Shorthand_properties\" title=\"Shorthand properties\">\u30b7\u30e7\u30fc\u30c8\u30cf\u30f3\u30c9\u30d7\u30ed\u30d1\u30c6\u30a3</a>\u3067\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-04-18T05:45:34", "review_tags": []}, {"uuid": "b31fda9d-ea75-405c-b01c-4daf7c05fa04", "title": "animation", "url": "/ka/docs/Web/CSS/animation", "tags": ["CSS", "Reference", "Experimental", "CSS Animations", "CSS Property"], "summary": "The <code>animation</code> <a href=\"/en-US/docs/CSS\" title=\"CSS\">CSS</a> property is a <a href=\"/en-US/docs/CSS/Shorthand_properties\" title=\"Shorthand properties\">shorthand property</a> for <a href=\"/ka/docs/Web/CSS/animation-name\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-name</code></a>, <a href=\"/ka/docs/Web/CSS/animation-duration\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-duration</code></a>, <a href=\"/ka/docs/Web/CSS/animation-timing-function\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-timing-function</code></a>, <a href=\"/ka/docs/Web/CSS/animation-delay\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-delay</code></a>, <a href=\"/ka/docs/Web/CSS/animation-iteration-count\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-iteration-count</code></a>, <a href=\"/ka/docs/Web/CSS/animation-direction\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-direction</code></a>, <a href=\"/ka/docs/Web/CSS/animation-fill-mode\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-fill-mode</code></a> and <a href=\"/ka/docs/Web/CSS/animation-play-state\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-play-state</code></a>.", "localization_tags": ["inprogress"], "locale": "ka", "last_edit": "2016-02-26T05:31:22", "review_tags": []}, {"uuid": "539ffcf8-0f2e-49c1-b424-9bc6ff56a397", "title": "animation", "url": "/ko/docs/Web/CSS/animation", "tags": ["CSS", "Reference", "CSS Animations", "CSS Property", "Experimental"], "summary": "<a href=\"/en/CSS\" title=\"CSS\">CSS</a>\uc758\u00a0<code>animation</code>\u00a0\uc18d\uc131\uc740\u00a0<a href=\"/ko/docs/Web/CSS/animation-name\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-name</code></a>, <a href=\"/ko/docs/Web/CSS/animation-duration\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-duration</code></a>, <a href=\"/ko/docs/Web/CSS/animation-timing-function\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-timing-function</code></a>, <a href=\"/ko/docs/Web/CSS/animation-delay\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-delay</code></a>, <a href=\"/ko/docs/Web/CSS/animation-iteration-count\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-iteration-count</code></a>, <a href=\"/ko/docs/Web/CSS/animation-direction\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-direction</code></a> \uac12\ub4e4\uc744 \uc9c0\uc815\uac00\ub2a5\ud55c\u00a0<a href=\"/en/CSS/Shorthand_properties\" title=\"Shorthand properties\">\ucd95\uc57d\ub41c \uc18d\uc131(shorthand property)</a>\uc774\ub2e4.", "localization_tags": [], "locale": "ko", "last_edit": "2015-11-16T07:06:47", "review_tags": []}, {"uuid": "634d86d3-d8fd-4b5d-9ad7-59397f8d1f49", "title": "animation", "url": "/pt-BR/docs/Web/CSS/animation", "tags": ["Anima\u00e7\u00f5es CSS", "CSS", "CSS Animations", "Web", "Referencia", "CSS3", "Refer\u00eancia", "Anima\u00e7\u00f5es", "Propriedade CSS"], "summary": "A propriedade\u00a0<span style=\"font-family: courier new,andale mono,monospace; line-height: 1.5;\">animation</span><span style=\"line-height: 1.5;\">\u00a0de\u00a0</span><a href=\"/en-US/docs/CSS\" title=\"CSS\">CSS</a><span style=\"line-height: 1.5;\">\u00a0\u00e9 uma propriedade abreviada (ou\u00a0</span><a href=\"/en-US/docs/CSS/Shorthand_properties\" title=\"Shorthand properties\">shorthand property</a><span style=\"line-height: 1.5;\">) para\u00a0</span><span style=\"line-height: 1.5;\"><a href=\"/pt-BR/docs/Web/CSS/animation-name\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-name</code></a>, <a href=\"/pt-BR/docs/Web/CSS/animation-duration\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-duration</code></a>, <a href=\"/pt-BR/docs/Web/CSS/animation-timing-function\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-timing-function</code></a>, <a href=\"/pt-BR/docs/Web/CSS/animation-delay\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-delay</code></a>, <a href=\"/pt-BR/docs/Web/CSS/animation-iteration-count\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-iteration-count</code></a>, <a href=\"/pt-BR/docs/Web/CSS/animation-direction\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-direction</code></a>, <a href=\"/pt-BR/docs/Web/CSS/animation-fill-mode\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-fill-mode</code></a> e <a href=\"/pt-BR/docs/Web/CSS/animation-play-state\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>animation-play-state</code></a>.</span>", "localization_tags": ["inprogress"], "locale": "pt-BR", "last_edit": "2016-01-31T17:41:47", "review_tags": []}, {"uuid": "544f3991-8c72-44f6-aaa0-132c4f7cfe95", "title": "animation", "url": "/zh-CN/docs/Web/CSS/animation", "tags": ["CSS", "Reference", "Experimental", "CSS Animations", "CSS Property"], "summary": "css\u5c5e\u6027animation\u662f\u5982\u4e0b\u5c5e\u6027\u7684\u7b80\u5199\u5f62\u5f0f\uff1a<a href=\"/zh-CN/docs/Web/CSS/animation-name\" title=\"animation-name&#x5C5E;&#x6027;&#x6307;&#x5B9A;&#x5E94;&#x7528;&#x7684;&#x4E00;&#x7CFB;&#x5217;&#x52A8;&#x753B;&#xFF0C;&#x6BCF;&#x4E2A;&#x540D;&#x79F0;&#x4EE3;&#x8868;&#x4E00;&#x4E2A;&#x7531;@keyframes&#x5B9A;&#x4E49;&#x7684;&#x52A8;&#x753B;&#x5E8F;&#x5217;&#x3002;\"><code>animation-name</code></a>, <a href=\"/zh-CN/docs/Web/CSS/animation-duration\" title=\"animation-duration&#x5C5E;&#x6027;&#x6307;&#x5B9A;&#x4E00;&#x4E2A;&#x52A8;&#x753B;&#x5468;&#x671F;&#x7684;&#x65F6;&#x957F;&#x3002;\"><code>animation-duration</code></a>, <a href=\"/zh-CN/docs/Web/CSS/animation-timing-function\" title=\"CSS animation-timing-function&#x5C5E;&#x6027;&#x5B9A;&#x4E49;CSS&#x52A8;&#x753B;&#x5728;&#x6BCF;&#x4E00;&#x52A8;&#x753B;&#x5468;&#x671F;&#x4E2D;&#x6267;&#x884C;&#x7684;&#x8282;&#x594F;&#x3002;&#x53EF;&#x80FD;&#x503C;&#x4E3A;&#x4E00;&#x6216;&#x591A;&#x4E2A; &lt;timing-function&gt;&#x3002;\"><code>animation-timing-function</code></a>, <a href=\"/zh-CN/docs/Web/CSS/animation-delay\" title=\"animation-delay CSS&#x5C5E;&#x6027;&#x5B9A;&#x4E49;&#x52A8;&#x753B;&#x4E8E;&#x4F55;&#x65F6;&#x5F00;&#x59CB;&#xFF0C;&#x5373;&#x4ECE;&#x52A8;&#x753B;&#x5E94;&#x7528;&#x5728;&#x5143;&#x7D20;&#x4E0A;&#x5230;&#x52A8;&#x753B;&#x5F00;&#x59CB;&#x7684;&#x8FD9;&#x6BB5;&#x65F6;&#x95F4;&#x7684;&#x957F;&#x5EA6;&#x3002;\"><code>animation-delay</code></a>, <a href=\"/zh-CN/docs/Web/CSS/animation-iteration-count\" title=\"animation-iteration-count CSS &#x5C5E;&#x6027; &#xA0; &#x5B9A;&#x4E49;&#x52A8;&#x753B;&#x5728;&#x7ED3;&#x675F;&#x524D;&#x8FD0;&#x884C;&#x7684;&#x6B21;&#x6570; &#x53EF;&#x4EE5;&#x662F;1&#x6B21;&#xA0;&#x65E0;&#x9650;&#x5FAA;&#x73AF;.\"><code>animation-iteration-count</code></a>, <a href=\"/zh-CN/docs/Web/CSS/animation-direction\" title=\"animation-direction CSS &#x5C5E;&#x6027;&#x6307;&#x793A;&#x52A8;&#x753B;&#x662F;&#x5426;&#x53CD;&#x5411;&#x64AD;&#x653E;&#xFF0C;&#x5B83;&#x901A;&#x5E38;&#x5728;&#x7B80;&#x5199;&#x5C5E;&#x6027;animation&#x4E2D;&#x8BBE;&#x5B9A;\"><code>animation-direction</code></a> \u548c <a href=\"/zh-CN/docs/Web/CSS/animation-fill-mode\" title=\"animation-fill-mode&#xA0;&#x8FD9;&#x4E2A;&#xA0;CSS&#xA0;&#x5C5E;&#x6027;&#x7528;&#x6765;&#x6307;&#x5B9A;&#x5728;&#x52A8;&#x753B;&#x6267;&#x884C;&#x4E4B;&#x524D;&#x548C;&#x4E4B;&#x540E;&#x5982;&#x4F55;&#x7ED9;&#x52A8;&#x753B;&#x7684;&#x76EE;&#x6807;&#x5E94;&#x7528;&#x6837;&#x5F0F;&#x3002;\"><code>animation-fill-mode</code></a>.", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-01-31T17:37:07", "review_tags": []}], "modified": "2016-09-11T18:06:04", "label": "animation", "localization_tags": ["inprogress"], "locale": "ru", "id": 171121, "last_edit": "2016-09-11T18:05:54", "summary": "<a href=\"/en-US/docs/Web/CSS\">CSS</a> \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e <strong><code>animation</code></strong> \u044d\u0442\u043e <a href=\"/en-US/docs/Web/CSS/Shorthand_properties\">\u043a\u043e\u0440\u043e\u0442\u043a\u0430\u044f \u0437\u0430\u043f\u0438\u0441\u044c</a> \u0434\u043b\u044f <a href=\"/ru/docs/Web/CSS/animation-name\" title=\"The animation-name CSS property specifies a list of animations that should be applied to the selected element. Each name indicates a @keyframes at-rule that defines the property values for the animation sequence.\"><code>animation-name</code></a>, <a href=\"/ru/docs/Web/CSS/animation-duration\" title=\"The animation-duration CSS property specifies the length of time that an animation should take to complete one cycle.\"><code>animation-duration</code></a>, <a href=\"/ru/docs/Web/CSS/animation-timing-function\" title=\"The animation-timing-function CSS property specifies how a CSS animation should progress over the duration of each cycle. The possible values are one or several &lt;timing-function&gt;.\"><code>animation-timing-function</code></a>, <a href=\"/ru/docs/Web/CSS/animation-delay\" title=\"CSS &#x441;&#x432;&#x43E;&#x439;&#x441;&#x442;&#x432;&#x43E; animation-delay&#xA0;&#x43E;&#x43F;&#x440;&#x435;&#x434;&#x435;&#x43B;&#x44F;&#x435;&#x442; &#x432;&#x440;&#x435;&#x43C;&#x44F; &#x437;&#x430;&#x434;&#x435;&#x436;&#x43A;&#x438; &#x43F;&#x435;&#x440;&#x435;&#x434; &#x441;&#x442;&#x430;&#x440;&#x442;&#x43E;&#x43C; &#x430;&#x43D;&#x438;&#x43C;&#x430;&#x446;&#x438;&#x438;.\"><code>animation-delay</code></a>, <a href=\"/ru/docs/Web/CSS/animation-iteration-count\" title=\"CSS&#xA0;&#x441;&#x432;&#x43E;&#x439;&#x441;&#x442;&#x432;&#x43E;&#xA0;animation-iteration-count &#x43E;&#x43F;&#x440;&#x435;&#x434;&#x435;&#x43B;&#x44F;&#x435;&#x442; &#x441;&#x43A;&#x43E;&#x43B;&#x44C;&#x43A;&#x43E; &#x440;&#x430;&#x437; &#x431;&#x443;&#x434;&#x435;&#x442; &#x43F;&#x440;&#x43E;&#x438;&#x433;&#x440;&#x44B;&#x432;&#x430;&#x442;&#x44C;&#x441;&#x44F; &#x430;&#x43D;&#x438;&#x43C;&#x430;&#x446;&#x438;&#x43E;&#x43D;&#x43D;&#x44B;&#x439; &#x446;&#x438;&#x43A;&#x43B;, &#x43F;&#x435;&#x440;&#x435;&#x434; &#x442;&#x435;&#x43C; &#x43A;&#x430;&#x43A; &#x43E;&#x441;&#x442;&#x430;&#x43D;&#x43E;&#x432;&#x438;&#x442;&#x44C;&#x441;&#x44F;.\"><code>animation-iteration-count</code></a>, <a href=\"/ru/docs/Web/CSS/animation-direction\" title=\"The animation-direction CSS property indicates whether the animation should play in reverse on alternate cycles.\"><code>animation-direction</code></a>, <a href=\"/ru/docs/Web/CSS/animation-fill-mode\" title=\"CSS&#xA0;&#x441;&#x432;&#x43E;&#x439;&#x441;&#x442;&#x432;&#x43E; animation-fill-mode&#xA0;&#x43E;&#x43F;&#x440;&#x435;&#x434;&#x435;&#x43B;&#x44F;&#x435;&#x442;, &#x43A;&#x430;&#x43A; &#x43D;&#x443;&#x436;&#x43D;&#x43E; &#x43F;&#x440;&#x438;&#x43C;&#x435;&#x43D;&#x44F;&#x442;&#x44C; &#x441;&#x442;&#x438;&#x43B;&#x438; &#x43A; &#x43E;&#x431;&#x44A;&#x435;&#x43A;&#x442;&#x443; &#x430;&#x43D;&#x438;&#x43C;&#x430;&#x446;&#x438;&#x438;&#xA0;&#x434;&#x43E; &#x438;&#xA0;&#x43F;&#x43E;&#x441;&#x43B;&#x435; &#x435;&#x435; &#x432;&#x44B;&#x43F;&#x43E;&#x43B;&#x43D;&#x435;&#x43D;&#x438;&#x44F;.\"><code>animation-fill-mode</code></a> \u0438 <a href=\"/ru/docs/Web/CSS/animation-play-state\" title=\"The animation-play-state CSS property determines whether an animation is running or paused. This can be queried to determine whether or not the animation is currently running. In addition, its value can be set to pause and resume playback of an animation.\"><code>animation-play-state</code></a>.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435", "title": "\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435"}, {"id": "\u0421\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441", "title": "\u0421\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441"}, {"id": "\u0424\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u044b\u0439_\u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441", "title": "\u0424\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441"}, {"id": "\u041f\u0440\u0438\u043c\u0435\u0440\u044b", "title": "\u041f\u0440\u0438\u043c\u0435\u0440\u044b"}, {"id": "Cylon_Eye", "title": "Cylon Eye"}, {"id": "\u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438", "title": "\u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438"}, {"id": "\u0421\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u044c_\u0441_\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u043c\u0438", "title": "\u0421\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u044c \u0441 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u043c\u0438"}, {"id": "\u0421\u043c\u043e\u0442\u0440\u0438\u0442\u0435_\u0442\u0430\u043a\u0436\u0435", "title": "\u0421\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0442\u0430\u043a\u0436\u0435"}], "slug": "Web/CSS/animation", "review_tags": []}