Results 1 - 11 of 11

Using the Web Animations API

The Web Animations API lets us construct animations and control their playback with JavaScript. This article will start you off in the right direction with fun demos and tutorials featuring Alice in Wonderland.
Alice Animate animate Animations animations Beginner beginner CSS duration Guide JavaScript keyframes pause play reverse Timing Tutorial web animations api

Animation Effect Timing Properties

animate() Animation Animation Timing Properties AnimationEffectTimingProperties API Experimental KeyframeEffect() KeyframeEffectReadOnly() Reference waapi web animations api

Delay

animate() Animation AnimationEffectTimingProperties AnimationEffectTimingReadOnly.delay API delay Experimental KeyframeEffect() KeyframeEffectReadOnly() Property Reference waapi web animations api

Direction

animate() Animation AnimationEffectTimingReadOnly.direction API direction Experimental KeyframeEffect() KeyframeEffectReadOnly() Property Reference waapi web animations api

Duration

animate() Animation AnimationEffectTimingProperties AnimationEffectTimingReadOnly.duration API duration KeyframeEffect() KeyframeEffectReadOnly() Property Reference waapi web animations api

Easing

animate() Animation AnimationEffectTimingProperties AnimationEffectTimingReadOnly.easing API easing Experimental KeyframeEffect KeyframeEffectReadOnly() Property Reference waapi web animations api

EndDelay

animate() Animation AnimationEffectTimingProperties AnimationEffectTimingReadOnly.endDelay API endDelay Experimental KeyframeEffect() KeyframeEffectReadOnly() Property Reference waapi web animations api

Fill

animate() Animation AnimationEffectTimingProperties AnimationEffectTimingReadOnly.fill API Experimental KeyframeEffect() KeyframeEffectReadOnly() Property Reference web animations api

Iterations

animate() Animation AnimationEffectTimingProperties AnimationEffectTimingReadOnly.iterations API Experimental iterations KeyframeEffect() KeyframeEffectReadOnly() Property Reference waapi web animations api

Keyframe Formats

animate() Animation API Experimental KeyframeEffect() KeyframeEffectReadOnly() Reference setKeyframes() SharedKeyframeList() waapi web animations api

IterationStart

animate() Animation Animation Timing Properties AnimationEffectTimingReadOnly.iterationStart API Experimental iterationStart KeyframeEffect() KeyframeEffectReadOnly() Property Reference waapi web animations api