Web Animations API Guide

This is an informal guide on the API of the Web Animations spec.

Core

  • Animation

    The video player equivalent for web animations

  • Timeline

    Supplies animations with time values

Effects

  • KeyframeEffect

    Animates an element using an array of frames

  • GroupEffect

    Groups multiple effects in parallel

  • SequenceEffect

    Groups multiple effects in a linear sequence

Extensions

  • document.timeline

    Default timeline that supplies time values from the global clock

  • document.getAnimations

    Lists all the active animations in the document

  • element.animate

    Handy little method available in DOM elements that wraps a single KeyframeEffect with an Animation

  • element.getAnimations

    Lists all the active animations that target the element