From df821208c608de1b7cdc6fe69ae28724ac1f01a0 Mon Sep 17 00:00:00 2001 From: MDN Date: Thu, 14 Oct 2021 00:47:38 +0000 Subject: [CRON] sync translated content --- files/ru/web/api/effecttiming/index.html | 73 --------------------- .../api/keyframeeffect/keyframeeffect/index.html | 74 ++++++++++++++++++++++ 2 files changed, 74 insertions(+), 73 deletions(-) delete mode 100644 files/ru/web/api/effecttiming/index.html create mode 100644 files/ru/web/api/keyframeeffect/keyframeeffect/index.html (limited to 'files/ru/web') 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 ---- -
{{ SeeCompatTable() }}{{ APIRef("Web Animations") }}
- -

Словарь EffectTiming, входящий в состав Web Animations API, используется в {{domxref("Element.animate()")}}, {{domxref("KeyframeEffectReadOnly.KeyframeEffectReadOnly", "KeyframeEffectReadOnly()")}}, и {{domxref("KeyframeEffect.KeyframeEffect", "KeyframeEffect()")}} для описания временных свойств анимационных эффектов. Все эти свойства необязательные, хотя без установки duration анимация не будет воспроизводиться.

- -

Проще говоря, эти свойства описывают как {{Glossary("user agent")}} должен выполнять переход от ключевого кадра к ключевому кадру, и как вести себя, когда анимация начинается и заканчивается.

- -

Свойства

- -
-
{{domxref("EffectTiming.delay", "delay")}} {{optional_inline}}
-
Число миллисекунд для задержки начала анимации. По умолчанию 0.
-
{{domxref("EffectTiming.direction", "direction")}} {{optional_inline}}
-
Указывает направление анимации. Она может выполняться вперёд (normal), назад (reverse), переключать направление после каждой итерации (alternate), или работать назад и переключать после каждой итерации (alternate-reverse). По умолчанию "normal".
-
{{domxref("EffectTiming.duration", "duration")}} {{optional_inline}}
-
Число миллисекунд, в течении которых выполняется каждая итерация анимации. По умолчанию 0. Хотя это свойство технически необязательное, имейте ввиду, что ваша анимация не будет запущена, если это значение равно 0.
-
{{domxref("EffectTiming.easing", "easing")}} {{optional_inline}}
-
Скорость изменения анимации с течением времени. Принимает заранее определённые значения "linear", "ease", "ease-in", "ease-out", и "ease-in-out", или кастомное "cubic-bezier" со значением типа "cubic-bezier(0.42, 0, 0.58, 1)". По умолчанию "linear".
-
{{domxref("EffectTiming.endDelay", "endDelay")}} {{optional_inline}}
-
Число миллисекунд задержки после окончания анимации. Это в первую очередь полезно, когда последовательность действий анимации базируется на окончании другой анимации. По умолчанию 0.
-
{{domxref("EffectTiming.fill", "fill")}} {{optional_inline}}
-
Диктует должны ли эффекты анимации отражаться элементом(ами) перед воспроизведением ("backwards"), сохраняться после того, как анимация завершилась ("forwards"), или и то и другое ("both"). По умолчанию "none".
-
{{domxref("EffectTiming.iterationStart", "iterationStart")}} {{optional_inline}}
-
Описывает, в какой момент итерации должна начаться анимация. Например, значение 0.5 указывает на начало запуска анимации в середине первой итерации, с таким набором значений анимация с 2-мя итерациями будет закончена на полпути к третей итерации. По умолчанию 0.0.
-
{{domxref("EffectTiming.iterations", "iterations")}} {{optional_inline}}
-
Число раз, которое анимация должна повторяться. По умолчанию 1, может принимать значение до {{jsxref("Infinity")}}, чтобы повторять анимацию до тех пор, пока элемент существует.
-
- -

Спецификации

- - - - - - - - - - - - - - -
СпецификацияСтатусКомментарий
{{SpecName('Web Animations', '#the-effecttiming-dictionaries', 'EffectTiming' )}}{{Spec2('Web Animations')}}Первоначальное определение
- -

Browser compatibility

- - - -

{{Compat("api.EffectTiming")}}

- -

Смотрите также

- - diff --git a/files/ru/web/api/keyframeeffect/keyframeeffect/index.html b/files/ru/web/api/keyframeeffect/keyframeeffect/index.html new file mode 100644 index 0000000000..1106061704 --- /dev/null +++ b/files/ru/web/api/keyframeeffect/keyframeeffect/index.html @@ -0,0 +1,74 @@ +--- +title: EffectTiming +slug: Web/API/KeyframeEffect/KeyframeEffect +tags: + - API + - Animation + - Dictionary + - EffectTiming + - Experimental + - animate + - web animation + - web animation api +translation_of: Web/API/EffectTiming +original_slug: Web/API/EffectTiming +--- +
{{ SeeCompatTable() }}{{ APIRef("Web Animations") }}
+ +

Словарь EffectTiming, входящий в состав Web Animations API, используется в {{domxref("Element.animate()")}}, {{domxref("KeyframeEffectReadOnly.KeyframeEffectReadOnly", "KeyframeEffectReadOnly()")}}, и {{domxref("KeyframeEffect.KeyframeEffect", "KeyframeEffect()")}} для описания временных свойств анимационных эффектов. Все эти свойства необязательные, хотя без установки duration анимация не будет воспроизводиться.

+ +

Проще говоря, эти свойства описывают как {{Glossary("user agent")}} должен выполнять переход от ключевого кадра к ключевому кадру, и как вести себя, когда анимация начинается и заканчивается.

+ +

Свойства

+ +
+
{{domxref("EffectTiming.delay", "delay")}} {{optional_inline}}
+
Число миллисекунд для задержки начала анимации. По умолчанию 0.
+
{{domxref("EffectTiming.direction", "direction")}} {{optional_inline}}
+
Указывает направление анимации. Она может выполняться вперёд (normal), назад (reverse), переключать направление после каждой итерации (alternate), или работать назад и переключать после каждой итерации (alternate-reverse). По умолчанию "normal".
+
{{domxref("EffectTiming.duration", "duration")}} {{optional_inline}}
+
Число миллисекунд, в течении которых выполняется каждая итерация анимации. По умолчанию 0. Хотя это свойство технически необязательное, имейте ввиду, что ваша анимация не будет запущена, если это значение равно 0.
+
{{domxref("EffectTiming.easing", "easing")}} {{optional_inline}}
+
Скорость изменения анимации с течением времени. Принимает заранее определённые значения "linear", "ease", "ease-in", "ease-out", и "ease-in-out", или кастомное "cubic-bezier" со значением типа "cubic-bezier(0.42, 0, 0.58, 1)". По умолчанию "linear".
+
{{domxref("EffectTiming.endDelay", "endDelay")}} {{optional_inline}}
+
Число миллисекунд задержки после окончания анимации. Это в первую очередь полезно, когда последовательность действий анимации базируется на окончании другой анимации. По умолчанию 0.
+
{{domxref("EffectTiming.fill", "fill")}} {{optional_inline}}
+
Диктует должны ли эффекты анимации отражаться элементом(ами) перед воспроизведением ("backwards"), сохраняться после того, как анимация завершилась ("forwards"), или и то и другое ("both"). По умолчанию "none".
+
{{domxref("EffectTiming.iterationStart", "iterationStart")}} {{optional_inline}}
+
Описывает, в какой момент итерации должна начаться анимация. Например, значение 0.5 указывает на начало запуска анимации в середине первой итерации, с таким набором значений анимация с 2-мя итерациями будет закончена на полпути к третей итерации. По умолчанию 0.0.
+
{{domxref("EffectTiming.iterations", "iterations")}} {{optional_inline}}
+
Число раз, которое анимация должна повторяться. По умолчанию 1, может принимать значение до {{jsxref("Infinity")}}, чтобы повторять анимацию до тех пор, пока элемент существует.
+
+ +

Спецификации

+ + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName('Web Animations', '#the-effecttiming-dictionaries', 'EffectTiming' )}}{{Spec2('Web Animations')}}Первоначальное определение
+ +

Browser compatibility

+ + + +

{{Compat("api.EffectTiming")}}

+ +

Смотрите также

+ + -- cgit v1.2.3-54-g00ecf