animationstart

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2020.

L'évènement animationstart est déclenché quand une animation CSS a commencé. Si animation-delay est défini alors le déclenchement se fera une fois le délai expiré. Un délai négatif causera un déclenchement de l'évènement avec un elapsedTime équivalent à la valeur absolue du délai.

Informations générales

Spécification

CSS Animations

Interface

AnimationEvent

Propagation

Oui

Annulable

Non

Cible

Document, Element

Action par défaut

Aucune

Propriétés

Propriété Type Description
target Lecture seule EventTarget La cible de l'événement (la plus haute cible dans l'arbre du DOM).
type Lecture seule DOMString Le type de l'événement.
bubbles Lecture seule boolean Est-ce que l'événement se propage?
cancelable Lecture seule boolean Est-il possible d'annuler l'événement?
animationName Lecture seule DOMString Le nom de la propriété CSS associéee à la transition.
elapsedTime Lecture seule Float Le temps durant lequel l'animation a durée, en secondes, quand l'événement est déclenché, excepté le temps lorsque l'animation était en pause. Pour un événement animationstart, elapsedTime vaut zéro à moins que animation-delay ne soit négatif, et dans ce cas, l'événement sera déclenché avec un elapsedTime de (-1 * delay).

Evénements liés

Voir aussi