Liking cljdoc? Tell your friends :D

web.animation.EffectTiming

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.
raw docstring

delaycljs

(delay this)

Property.

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.

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`
sourceraw docstring

directioncljs

(direction this)

Property.

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.

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`
sourceraw docstring

durationcljs

(duration this)

Property.

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.

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`
sourceraw docstring

easingcljs

(easing this)

Property.

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.

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`
sourceraw docstring

end-delaycljs

(end-delay this)

Property.

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.

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`
sourceraw docstring

fillcljs

(fill this)

Property.

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.

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`
sourceraw docstring

iteration-startcljs

(iteration-start this)

Property.

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.

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`
sourceraw docstring

iterationscljs

(iterations this)

Property.

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.

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`
sourceraw docstring

set-delay!cljs

(set-delay! this val)

Property.

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.

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`
sourceraw docstring

set-direction!cljs

(set-direction! this val)

Property.

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.

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`
sourceraw docstring

set-duration!cljs

(set-duration! this val)

Property.

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.

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`
sourceraw docstring

set-easing!cljs

(set-easing! this val)

Property.

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.

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`
sourceraw docstring

set-end-delay!cljs

(set-end-delay! this val)

Property.

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.

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`
sourceraw docstring

set-fill!cljs

(set-fill! this val)

Property.

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.

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`
sourceraw docstring

set-iteration-start!cljs

(set-iteration-start! this val)

Property.

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.

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`
sourceraw docstring

set-iterations!cljs

(set-iterations! this val)

Property.

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.

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`
sourceraw docstring

cljdoc is a website building & hosting documentation for Clojure/Script libraries

× close