Search completed in 0.88 seconds.
10 results for "endDelay":
EffectTiming.endDelay - Web APIs
WebAPIEffectTimingendDelay
the enddelay property of the effecttiming dictionary (part of the web animations api) indicates the number of milliseconds to delay after the active period of an animation sequence.
... element.animate(), keyframeeffectreadonly(), and keyframeeffect() all accept an object of timing properties including enddelay.
... the value of enddelay corresponds directly to animationeffecttimingreadonly.enddelay in timing objects returned by animationeffectreadonly, keyframeeffectreadonly, and keyframeeffect.
...And 2 more matches
EffectTiming.fill - Web APIs
WebAPIEffectTimingfill
the animation's effects are not visible when its playstate is pending with a delay, when its playstate is finished, or during its enddelay or delay.
... "forwards" the affected element will continue to be rendered in the state of the final animation framecontinue to be applied to the after the animation has completed playing, in spite of and during any enddelay or when its playstate is finished.
... "both" combining the effects of both forwards and backwards: the animation's effects should be reflected by the element(s) state prior to playing and retained after the animation has completed playing, in spite of and during any enddelay, delay and/or pending or finished playstate.
Work with animations - Firefox Developer Tools
ToolsPage InspectorHow toWork with animations
delay and enddelay are both represented.
... the img#icon animation: animated the filter and transform properties, to scale the icon and color it lasted 750ms, had an enddelay of 100ms used the compositor thread was given an easing value of ease-in: you can see this by the concave shape of the green bar.
Animation inspector example: Web Animations API - Firefox Developer Tools
ToolsPage InspectorHow toWork with animationsAnimation inspector example: Web Animations API
rameset = [ { transform: 'scale(1)', filter: 'grayscale(100%)'}, { filter: 'grayscale(100%)', offset: 0.333}, { transform: 'scale(1.5)', offset: 0.666 }, { transform: 'scale(1.5)', filter: 'grayscale(0%)'} ]; var notekeyframeset = [ { opacity: '0', width: '0'}, { opacity: '1', width: '300px'} ]; var iconkeyframeoptions = { duration: 750, fill: 'forwards', easing: 'ease-in', enddelay: 100 } var notekeyframeoptions = { duration: 500, fill: 'forwards', easing: 'ease-out', delay: 150 } var icon = document.getelementbyid("icon"); var note = document.getelementbyid("note"); var iconanimation = icon.animate(iconkeyframeset, iconkeyframeoptions); var noteanimation = note.animate(notekeyframeset, notekeyframeoptions); iconanimation.pause(); noteanimation.pause(); var fir...
AnimationEffect.getComputedTiming() - Web APIs
WebAPIAnimationEffectgetComputedTiming
(also includes effecttiming.enddelay in that calculation.) activeduration the length of time in milliseconds that the animation's effects will run.
EffectTiming - Web APIs
WebAPIEffectTiming
enddelay optional the number of milliseconds to delay after the end of an animation.
Element.animate() - Web APIs
WebAPIElementanimate
enddelay optional the number of milliseconds to delay after the end of an animation.
Index - Web APIs
WebAPIIndex
1092 effecttiming.enddelay api, animation, effecttiming, experimental, keyframeeffect, property, reference, web animations, animate, enddelay, waapi, web animations api the enddelay property of the effecttiming dictionary (part of the web animations api) indicates the number of milliseconds to delay after the active period of an animation sequence.
KeyframeEffect.KeyframeEffect() - Web APIs
WebAPIKeyframeEffectKeyframeEffect
enddelay optional the number of milliseconds to delay after the end of an animation.
KeyframeEffectOptions - Web APIs
WebAPIKeyframeEffectOptions
enddelay optional the number of milliseconds to delay after the end of an animation.