MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Une erreur de script s'est produite sur cette page. En attendant qu'elle soit traitée par les éditeurs du site, vous pouvez consulter le contenu partiel ci-dessous.

Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.

{{APIRef ("CSSOM")}} {{SeeCompatTable}}

L' TransitionEventinterface représente des événements fournissant des informations relatives aux transitions .

Propriétés

Hérite également des propriétés de son parent {{domxref ("Event")}} .

{{Domxref ("TransitionEvent.propertyName")}} {{readonlyInline}}
Est-ce qu'un {{domxref ("DOMString")}} contient le nom de la propriété CSS associée à la transition.
{{Domxref ("TransitionEvent.elapsedTime")}} {{readonlyInline}}
Est- floatce que la durée de l'exécution est en cours, en secondes, lorsque cet événement a été déclenché. Cette valeur n'est pas affectée par la propriété {{cssxref ("transition-delay")}}.
{{Domxref ("TransitionEvent.pseudoElement")}} {{readonlyInline}}
Est-ce qu'un {{domxref ("DOMString")}}, commençant par '::', contenant le nom du pseudo-élément sur lequel s'exécute l'animation. Si la transition ne s'exécute pas sur un pseudo-élément mais sur l'élément, une chaîne vide:''.

Constructeur

{{Domxref ("TransitionEvent.TransitionEvent", "TransitionEvent ()")}}
Crée un TransitionEventévénement avec les paramètres donnés.

Méthodes

Hérite également des propriétés de son parent {{domxref ("Event")}} .

{{Domxref ("TransitionEvent.initTransitionEvent ()")}} {{non-standard_inline}} {{obscurs}}
Initialise un TransitionEventcréé en utilisant la méthode {{domxref ("Document.createEvent ()", "Document.createEvent (\" TransitionEvent \ ")")}} déconseillée.

Caractéristiques

spécification Statut Commentaire
{{SpecName ('Transitions CSS3', '# Événements-TransitionEvent', 'TransitionEvent')}} {{Spec2 ('Transitions CSS3')}} Définition initiale.

Compatibilité du navigateur

{{CompatibilityTable ()}}

Fonctionnalité Chrome Bord Firefox (Gecko) Internet Explorer Opéra Safari
Support de base {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatGeckoDesktop ("2.0")}} 10,0 {{CompatVersionUnknown}} {{CompatVersionUnknown}}
TransitionEvent() constructeur {{CompatNo}} {{CompatNo}} {{CompatGeckoDesktop ("23.0")}} {{CompatNo}} {{CompatNo}} {{CompatNo}}
initTransitionEvent() {{Non-standard_inline}} {{deprecated_inline}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatGeckoDesktop ("6.0")}}
Supprimé dans {{CompatGeckoDesktop ("23.0")}}
10,0 {{CompatVersionUnknown}} {{CompatVersionUnknown}}
pseudoelement {{CompatNo}} {{CompatNo}} {{CompatGeckoDesktop ("23.0")}} {{CompatNo}} {{CompatNo}} {{CompatNo}}
Fonctionnalité Android Bord Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatGeckoMobile ("2.0")}} 10,0 {{CompatVersionUnknown}} {{CompatVersionUnknown}}
TransitionEvent() constructeur {{CompatNo}} {{CompatNo}} {{CompatGeckoMobile ("23.0")}} {{CompatNo}} {{CompatNo}} {{CompatNo}}
initTransitionEvent() {{Non-standard_inline}} {{deprecated_inline}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatGeckoMobile ("6.0")}}
Supprimé dans {{CompatGeckoMobile ("23.0")}}
10,0 {{CompatVersionUnknown}} {{CompatVersionUnknown}}
pseudoelement {{CompatNo}} {{CompatNo}} {{CompatGeckoMobile ("23.0")}} {{CompatNo}} {{CompatNo}} {{CompatNo}}

Voir également

  • Utilisation des transitions CSS
  • Propriétés de CSS: {{cssxref ("transition")}}, {{cssxref ("transition-delay")}}, {{cssxref ("transition-duration")}}, {{cssxref ("transition-property") }}, {{Cssxref ("transition-timing-function")}}.

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : Crg
 Dernière mise à jour par : Crg,