aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/api/effecttiming
diff options
context:
space:
mode:
authorMDN <actions@users.noreply.github.com>2021-10-14 00:47:38 +0000
committerMDN <actions@users.noreply.github.com>2021-10-14 00:47:38 +0000
commitdf821208c608de1b7cdc6fe69ae28724ac1f01a0 (patch)
tree265d5165067499173a2b36626798e3504b291909 /files/ru/web/api/effecttiming
parentd362676d3d14ab1bf938c80a90b7a6f2665d9f3c (diff)
downloadtranslated-content-df821208c608de1b7cdc6fe69ae28724ac1f01a0.tar.gz
translated-content-df821208c608de1b7cdc6fe69ae28724ac1f01a0.tar.bz2
translated-content-df821208c608de1b7cdc6fe69ae28724ac1f01a0.zip
[CRON] sync translated content
Diffstat (limited to 'files/ru/web/api/effecttiming')
-rw-r--r--files/ru/web/api/effecttiming/index.html73
1 files changed, 0 insertions, 73 deletions
diff --git a/files/ru/web/api/effecttiming/index.html b/files/ru/web/api/effecttiming/index.html
deleted file mode 100644
index 4270a9983d..0000000000
--- a/files/ru/web/api/effecttiming/index.html
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: EffectTiming
-slug: Web/API/EffectTiming
-tags:
- - API
- - Animation
- - Dictionary
- - EffectTiming
- - Experimental
- - animate
- - web animation
- - web animation api
-translation_of: Web/API/EffectTiming
----
-<div>{{ SeeCompatTable() }}{{ APIRef("Web Animations") }}</div>
-
-<p>Словарь <strong><code>EffectTiming</code></strong>, входящий в состав <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a>, используется в {{domxref("Element.animate()")}}, {{domxref("KeyframeEffectReadOnly.KeyframeEffectReadOnly", "KeyframeEffectReadOnly()")}}, и {{domxref("KeyframeEffect.KeyframeEffect", "KeyframeEffect()")}} для описания временных свойств анимационных эффектов. Все эти свойства необязательные, хотя без установки <code>duration</code> анимация не будет воспроизводиться.</p>
-
-<p>Проще говоря, эти свойства описывают как {{Glossary("user agent")}} должен выполнять переход от ключевого кадра к ключевому кадру, и как вести себя, когда анимация начинается и заканчивается.</p>
-
-<h2 id="Свойства">Свойства</h2>
-
-<dl>
- <dt>{{domxref("EffectTiming.delay", "delay")}} {{optional_inline}}</dt>
- <dd>Число миллисекунд для задержки начала анимации. По умолчанию <code>0</code>.</dd>
- <dt>{{domxref("EffectTiming.direction", "direction")}} {{optional_inline}}</dt>
- <dd>Указывает направление анимации. Она может выполняться вперёд (<code>normal</code>), назад (<code>reverse</code>), переключать направление после каждой итерации (<code>alternate</code>), или работать назад и переключать после каждой итерации (<code>alternate-reverse</code>). По умолчанию <code>"normal"</code>.</dd>
- <dt>{{domxref("EffectTiming.duration", "duration")}} {{optional_inline}}</dt>
- <dd>Число миллисекунд, в течении которых выполняется каждая итерация анимации. По умолчанию 0. Хотя это свойство технически необязательное, имейте ввиду, что ваша анимация не будет запущена, если это значение равно <code>0</code>.</dd>
- <dt>{{domxref("EffectTiming.easing", "easing")}} {{optional_inline}}</dt>
- <dd>Скорость изменения анимации с течением времени. Принимает заранее определённые значения <code>"linear"</code>, <code>"ease"</code>, <code>"ease-in"</code>, <code>"ease-out"</code>, и <code>"ease-in-out"</code>, или кастомное <code>"cubic-bezier"</code> со значением типа <code>"cubic-bezier(0.42, 0, 0.58, 1)"</code>. По умолчанию <code>"linear"</code>.</dd>
- <dt>{{domxref("EffectTiming.endDelay", "endDelay")}} {{optional_inline}}</dt>
- <dd>Число миллисекунд задержки после окончания анимации. Это в первую очередь полезно, когда последовательность действий анимации базируется на окончании другой анимации. По умолчанию <code>0</code>.</dd>
- <dt>{{domxref("EffectTiming.fill", "fill")}} {{optional_inline}}</dt>
- <dd>Диктует должны ли эффекты анимации отражаться элементом(ами) перед воспроизведением (<code>"backwards"</code>), сохраняться после того, как анимация завершилась (<code>"forwards"</code>), или и то и другое ("<code>both")</code>. По умолчанию <code>"none"</code>.</dd>
- <dt>{{domxref("EffectTiming.iterationStart", "iterationStart")}} {{optional_inline}}</dt>
- <dd>Описывает, в какой момент итерации должна начаться анимация. Например, значение 0.5 указывает на начало запуска анимации в середине первой итерации, с таким набором значений анимация с 2-мя итерациями будет закончена на полпути к третей итерации. По умолчанию <code>0.0</code>.</dd>
- <dt>{{domxref("EffectTiming.iterations", "iterations")}} {{optional_inline}}</dt>
- <dd>Число раз, которое анимация должна повторяться. По умолчанию <code>1</code>, может принимать значение до {{jsxref("Infinity")}}, чтобы повторять анимацию до тех пор, пока элемент существует.</dd>
-</dl>
-
-<h2 id="Спецификации">Спецификации</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Спецификация</th>
- <th scope="col">Статус</th>
- <th scope="col">Комментарий</th>
- </tr>
- <tr>
- <td>{{SpecName('Web Animations', '#the-effecttiming-dictionaries', 'EffectTiming' )}}</td>
- <td>{{Spec2('Web Animations')}}</td>
- <td>Первоначальное определение</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-
-
-<p>{{Compat("api.EffectTiming")}}</p>
-
-<h2 id="Смотрите_также">Смотрите также</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API">Using the Web Animations API</a></li>
- <li>{{domxref("Element.animate()")}}</li>
- <li>{{domxref("KeyframeEffect.KeyframeEffect", "KeyframeEffect()")}}</li>
- <li>{{domxref("KeyframeEffectReadOnly.KeyframeEffectReadOnly", "KeyframeEffectReadOnly()")}}</li>
-</ul>