L'API Web Animations permet de synchroniser et de chronométrer les changements de présentation d'une page Web, c'est-à -dire l'animation d'éléments DOM. Pour ce faire, il combine deux modèles : le modèle de synchronisation et le modèle d'animation.
Concepts et utilisationL'API Web Animations fournit un langage commun aux navigateurs et aux développeurs pour décrire les animations sur les éléments DOM. Pour obtenir plus d'informations sur les concepts derrière l'API et comment l'utiliser, lisez Utilisation de l'API Web Animations.
Interfaces d'animations WebAnimation
Fournit des commandes de lecture et une chronologie pour un nÅud ou une source d'animation. Peut prendre un objet créé avec le constructeur KeyframeEffect()
.
KeyframeEffect
Décrit des ensembles de propriétés et de valeurs animables, appelées images clés (keyframes) et leurs options de minutage . Ceux-ci peuvent ensuite être lus en utilisant le constructeur Animation()
.
AnimationTimeline
Représente la chronologie de l'animation. Cette interface existe pour définir les fonctionnalités de la chronologie (héritées par DocumentTimeline
et les futurs objets de chronologie) et n'est pas elle-même accessible par les développeurs.
AnimationEvent
Fait actuellement partie des animations CSS.
DocumentTimeline
Représente les chronologies d'animation, y compris la chronologie du document par défaut (accessible à l'aide de la propriété Document.timeline
).
EffectTiming
Element.animate()
, KeyframeEffectReadOnly.KeyframeEffectReadOnly()
et KeyframeEffect.KeyframeEffect()
acceptent tous un dictionnaire facultatif objet des propriétés de synchronisation.
L'API Web Animations ajoute de nouvelles fonctionnalités à document
et element
.
Document
document.timeline
L'objet DocumentTimeline
représentant la chronologie du document par défaut.
document.getAnimations()
Renvoie un tableau d'objets Animation
actuellement en vigueur sur les éléments du document
.
Element
Element.animate()
Une méthode de raccourci pour créer et lire une animation sur un élément. Il renvoie l'instance d'objet Animation
créée.
Element.getAnimations()
Renvoie un tableau d'objets Animation
affectant actuellement un élément ou qui sont programmés pour le faire à l'avenir.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4