Plays or reverses all animations on the given element.

It works with CSS or Web Animations.

IMPORTANT: When constructed, it resets and pauses the animations as a form of initialization.


To use with auto-widgets (HTML API) as part of a trigger specification:

  • Action name: "animate".
  • Accepted string arguments: none
  • Accepted options: none
<div data-lisn-on-view="@animate"></div>

Implements

Methods

Constructors

Properties

Methods

Constructors

Properties

do: () => Promise<void>

(Re)plays the animations forwards.

toggle: () => Promise<void>

Reverses the animations from its current direction.

undo: () => Promise<void>

(Re)plays the animations backwards.