From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/api/effecttiming/index.html | 73 ++++++++++++++++++++++++++++++++ 1 file changed, 73 insertions(+) create mode 100644 files/ru/web/api/effecttiming/index.html (limited to 'files/ru/web/api/effecttiming') diff --git a/files/ru/web/api/effecttiming/index.html b/files/ru/web/api/effecttiming/index.html new file mode 100644 index 0000000000..5949858a47 --- /dev/null +++ b/files/ru/web/api/effecttiming/index.html @@ -0,0 +1,73 @@ +--- +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")}}

+ +

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

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