v151 · css · animation

No Auto-Rewind for AnimationTrigger Play Methods

AnimationTrigger play methods (play, play-forwards, play-backwards) no longer auto-rewind a finished animation. Previously, re-triggering a finished animation would restart it from the beginning; now it respects the current playback position.

concepts

  1. Play vs Replay Comparison

    Two animations: one uses the old auto-rewind behavior (restarts), the other uses the new no-rewind play method (stays at end). Click "trigger" repeatedly to see the difference.

  2. Trigger Playground

    Checks the current named-trigger CSS syntax and provides a clearly labelled Web Animations illustration of the no-rewind behavior, with explicit reset and repeated-play controls.

  3. Native scroll re-entry lab

    Runs the real named timeline-trigger and animation-trigger path: enter, finish, exit, and re-enter while inspecting native playState, currentTime, and playbackRate evidence.

references