The EffectTiming dictionary, part of the Web Animations API,
used by Element.animate()
, KeyframeEffectReadOnly()
, and
to describe timing properties for animation effects. These properties
all optional, although without setting a duration the animation
not play.
The EffectTiming dictionary, part of the Web Animations API, used by `Element.animate()`, `KeyframeEffectReadOnly()`, and to describe timing properties for animation effects. These properties all optional, although without setting a duration the animation not play.
(delay this)
Property.
[Experimental]
The web.animation.EffectTiming
dictionary's delay property
the Web Animations API represents the number of milliseconds
delay the start of the animation.
`var timingProperties = { delay: delayInMilliseconds };
timingProperties.delay = delayInMilliseconds;`
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/delay
Property. [Experimental] The `web.animation.EffectTiming` dictionary's delay property the Web Animations API represents the number of milliseconds delay the start of the animation. `var timingProperties = { delay: delayInMilliseconds }; timingProperties.delay = delayInMilliseconds;` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/delay`
(direction this)
Property.
[Experimental]
The direction property of the Web Animations API dictionary web.animation.EffectTiming
an animation's playback direction along its timeline, as well
its behavior when it reaches the end of an interation
`var timingProperties = { direction: "normal" | "reverse" | "alternate" | "alternate-reverse" };
timingProperties.direction = "normal" | "reverse" | "alternate" | "alternate-reverse";`
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/direction
Property. [Experimental] The direction property of the Web Animations API dictionary `web.animation.EffectTiming` an animation's playback direction along its timeline, as well its behavior when it reaches the end of an interation `var timingProperties = { direction: \"normal\" | \"reverse\" | \"alternate\" | \"alternate-reverse\" }; timingProperties.direction = \"normal\" | \"reverse\" | \"alternate\" | \"alternate-reverse\";` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/direction`
(duration this)
Property.
[Experimental]
The duration property of the dictionary web.animation.EffectTiming
the Web Animations API specifies the duration in milliseconds
a single iteration (from beginning to end) the animation should
to complete.
`var timingProperties = { duration: durationInMilliseconds | "auto" };
timingProperties.duration = durationInMilliseconds | "auto";`
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/duration
Property. [Experimental] The duration property of the dictionary `web.animation.EffectTiming` the Web Animations API specifies the duration in milliseconds a single iteration (from beginning to end) the animation should to complete. `var timingProperties = { duration: durationInMilliseconds | \"auto\" }; timingProperties.duration = durationInMilliseconds | \"auto\";` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/duration`
(easing this)
Property.
[Experimental]
The web.animation.EffectTiming
dictionary's easing property
the Web Animations API specifies the timing function used to
the time to produce easing effects, where easing is the rate
the animation's change over time.
`var timingProperties = { easing: single-transition-timing-function }
timingProperties.easing = single-transition-timing-function`
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/easing
Property. [Experimental] The `web.animation.EffectTiming` dictionary's easing property the Web Animations API specifies the timing function used to the time to produce easing effects, where easing is the rate the animation's change over time. `var timingProperties = { easing: single-transition-timing-function } timingProperties.easing = single-transition-timing-function` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/easing`
(end-delay this)
Property.
[Experimental]
The endDelay property of the web.animation.EffectTiming
dictionary
of the Web Animations API) indicates the number of milliseconds
delay after the active period of an animation sequence. The animation's
time—the time at which an iteration is considered to have finished—is
time at which the animation finishes an iteration (its initial
AnimationEffectTimingReadOnly.delay
, plus its duration,duration
,
its end delay.
`var timingProperties = { endDelay: delayInMilliseconds }
timingProperties.endDelay = delayInMilliseconds;`
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/endDelay
Property. [Experimental] The endDelay property of the `web.animation.EffectTiming` dictionary of the Web Animations API) indicates the number of milliseconds delay after the active period of an animation sequence. The animation's time—the time at which an iteration is considered to have finished—is time at which the animation finishes an iteration (its initial `AnimationEffectTimingReadOnly.delay`, plus its duration,`duration`, its end delay. `var timingProperties = { endDelay: delayInMilliseconds } timingProperties.endDelay = delayInMilliseconds;` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/endDelay`
(fill this)
Property.
[Experimental]
The Web Animations API's web.animation.EffectTiming
dictionary's
property specifies a fill mode, which defines how the element
which the animation is applied should look when the animation
is not actively running, such as before the time specified by
or after animation's end time.
var timingProperties = { fill: \"none\" | \"forwards\" | \"backwards\" | \"both\" | \"auto\" }
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/fill
Property. [Experimental] The Web Animations API's `web.animation.EffectTiming` dictionary's property specifies a fill mode, which defines how the element which the animation is applied should look when the animation is not actively running, such as before the time specified by or after animation's end time. `var timingProperties = { fill: \"none\" | \"forwards\" | \"backwards\" | \"both\" | \"auto\" }` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/fill`
(iteration-start this)
Property.
[Experimental]
Web Animations API's web.animation.EffectTiming
dictionary's
property specifies the repetition number which repetition the
begins at and its progress through it.
`var timingProperties = { iterationStart = iterationNumber };
timingProperties.iterationStart = iterationNumber;`
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/iterationStart
Property. [Experimental] Web Animations API's `web.animation.EffectTiming` dictionary's property specifies the repetition number which repetition the begins at and its progress through it. `var timingProperties = { iterationStart = iterationNumber }; timingProperties.iterationStart = iterationNumber;` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/iterationStart`
(iterations this)
Property.
[Experimental]
The Web Animations API dictionary web.animation.EffectTiming
's
property specifies the number of times the animation should repeat.
default value is 1, indicating that it should only play once,
you can set it to any floating-point value (including positive
defaults to 1, and can also take a value of Infinity to make
loop infinitely.
`var timingProperties = { iterations: numberOfIterations };
timingProperties.iterations = numberOfIterations;`
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/iterations
Property. [Experimental] The Web Animations API dictionary `web.animation.EffectTiming`'s property specifies the number of times the animation should repeat. default value is 1, indicating that it should only play once, you can set it to any floating-point value (including positive defaults to 1, and can also take a value of Infinity to make loop infinitely. `var timingProperties = { iterations: numberOfIterations }; timingProperties.iterations = numberOfIterations;` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/iterations`
(set-delay! this val)
Property.
[Experimental]
The web.animation.EffectTiming
dictionary's delay property
the Web Animations API represents the number of milliseconds
delay the start of the animation.
`var timingProperties = { delay: delayInMilliseconds };
timingProperties.delay = delayInMilliseconds;`
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/delay
Property. [Experimental] The `web.animation.EffectTiming` dictionary's delay property the Web Animations API represents the number of milliseconds delay the start of the animation. `var timingProperties = { delay: delayInMilliseconds }; timingProperties.delay = delayInMilliseconds;` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/delay`
(set-direction! this val)
Property.
[Experimental]
The direction property of the Web Animations API dictionary web.animation.EffectTiming
an animation's playback direction along its timeline, as well
its behavior when it reaches the end of an interation
`var timingProperties = { direction: "normal" | "reverse" | "alternate" | "alternate-reverse" };
timingProperties.direction = "normal" | "reverse" | "alternate" | "alternate-reverse";`
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/direction
Property. [Experimental] The direction property of the Web Animations API dictionary `web.animation.EffectTiming` an animation's playback direction along its timeline, as well its behavior when it reaches the end of an interation `var timingProperties = { direction: \"normal\" | \"reverse\" | \"alternate\" | \"alternate-reverse\" }; timingProperties.direction = \"normal\" | \"reverse\" | \"alternate\" | \"alternate-reverse\";` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/direction`
(set-duration! this val)
Property.
[Experimental]
The duration property of the dictionary web.animation.EffectTiming
the Web Animations API specifies the duration in milliseconds
a single iteration (from beginning to end) the animation should
to complete.
`var timingProperties = { duration: durationInMilliseconds | "auto" };
timingProperties.duration = durationInMilliseconds | "auto";`
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/duration
Property. [Experimental] The duration property of the dictionary `web.animation.EffectTiming` the Web Animations API specifies the duration in milliseconds a single iteration (from beginning to end) the animation should to complete. `var timingProperties = { duration: durationInMilliseconds | \"auto\" }; timingProperties.duration = durationInMilliseconds | \"auto\";` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/duration`
(set-easing! this val)
Property.
[Experimental]
The web.animation.EffectTiming
dictionary's easing property
the Web Animations API specifies the timing function used to
the time to produce easing effects, where easing is the rate
the animation's change over time.
`var timingProperties = { easing: single-transition-timing-function }
timingProperties.easing = single-transition-timing-function`
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/easing
Property. [Experimental] The `web.animation.EffectTiming` dictionary's easing property the Web Animations API specifies the timing function used to the time to produce easing effects, where easing is the rate the animation's change over time. `var timingProperties = { easing: single-transition-timing-function } timingProperties.easing = single-transition-timing-function` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/easing`
(set-end-delay! this val)
Property.
[Experimental]
The endDelay property of the web.animation.EffectTiming
dictionary
of the Web Animations API) indicates the number of milliseconds
delay after the active period of an animation sequence. The animation's
time—the time at which an iteration is considered to have finished—is
time at which the animation finishes an iteration (its initial
AnimationEffectTimingReadOnly.delay
, plus its duration,duration
,
its end delay.
`var timingProperties = { endDelay: delayInMilliseconds }
timingProperties.endDelay = delayInMilliseconds;`
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/endDelay
Property. [Experimental] The endDelay property of the `web.animation.EffectTiming` dictionary of the Web Animations API) indicates the number of milliseconds delay after the active period of an animation sequence. The animation's time—the time at which an iteration is considered to have finished—is time at which the animation finishes an iteration (its initial `AnimationEffectTimingReadOnly.delay`, plus its duration,`duration`, its end delay. `var timingProperties = { endDelay: delayInMilliseconds } timingProperties.endDelay = delayInMilliseconds;` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/endDelay`
(set-fill! this val)
Property.
[Experimental]
The Web Animations API's web.animation.EffectTiming
dictionary's
property specifies a fill mode, which defines how the element
which the animation is applied should look when the animation
is not actively running, such as before the time specified by
or after animation's end time.
var timingProperties = { fill: \"none\" | \"forwards\" | \"backwards\" | \"both\" | \"auto\" }
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/fill
Property. [Experimental] The Web Animations API's `web.animation.EffectTiming` dictionary's property specifies a fill mode, which defines how the element which the animation is applied should look when the animation is not actively running, such as before the time specified by or after animation's end time. `var timingProperties = { fill: \"none\" | \"forwards\" | \"backwards\" | \"both\" | \"auto\" }` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/fill`
(set-iteration-start! this val)
Property.
[Experimental]
Web Animations API's web.animation.EffectTiming
dictionary's
property specifies the repetition number which repetition the
begins at and its progress through it.
`var timingProperties = { iterationStart = iterationNumber };
timingProperties.iterationStart = iterationNumber;`
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/iterationStart
Property. [Experimental] Web Animations API's `web.animation.EffectTiming` dictionary's property specifies the repetition number which repetition the begins at and its progress through it. `var timingProperties = { iterationStart = iterationNumber }; timingProperties.iterationStart = iterationNumber;` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/iterationStart`
(set-iterations! this val)
Property.
[Experimental]
The Web Animations API dictionary web.animation.EffectTiming
's
property specifies the number of times the animation should repeat.
default value is 1, indicating that it should only play once,
you can set it to any floating-point value (including positive
defaults to 1, and can also take a value of Infinity to make
loop infinitely.
`var timingProperties = { iterations: numberOfIterations };
timingProperties.iterations = numberOfIterations;`
See also: https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/iterations
Property. [Experimental] The Web Animations API dictionary `web.animation.EffectTiming`'s property specifies the number of times the animation should repeat. default value is 1, indicating that it should only play once, you can set it to any floating-point value (including positive defaults to 1, and can also take a value of Infinity to make loop infinitely. `var timingProperties = { iterations: numberOfIterations }; timingProperties.iterations = numberOfIterations;` See also: `https://developer.mozilla.org/en-US/docs/Web/API/EffectTiming/iterations`
cljdoc is a website building & hosting documentation for Clojure/Script libraries
× close