From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- .../web/api/animationevent/animationevent/index.md | 74 ++++++++------------ .../web/api/animationevent/animationname/index.md | 43 ++++-------- .../fr/web/api/animationevent/elapsedtime/index.md | 45 +++++-------- files/fr/web/api/animationevent/index.md | 78 ++++++++-------------- .../web/api/animationevent/pseudoelement/index.md | 60 +++++++---------- 5 files changed, 107 insertions(+), 193 deletions(-) (limited to 'files/fr/web/api/animationevent') diff --git a/files/fr/web/api/animationevent/animationevent/index.md b/files/fr/web/api/animationevent/animationevent/index.md index aa793738cf..e8be077157 100644 --- a/files/fr/web/api/animationevent/animationevent/index.md +++ b/files/fr/web/api/animationevent/animationevent/index.md @@ -3,63 +3,45 @@ title: AnimationEvent() slug: Web/API/AnimationEvent/AnimationEvent translation_of: Web/API/AnimationEvent/AnimationEvent --- -

{{APIRef("Web Animations")}}{{SeeCompatTable}}

+{{APIRef("Web Animations")}}{{SeeCompatTable}} -

Le constructeur AnimationEvent() retourne un nouvel {{domxref("AnimationEvent")}}, représentant un évènement en relation avec une animation.

+Le constructeur **`AnimationEvent()`** retourne un nouvel {{domxref("AnimationEvent")}}, représentant un évènement en relation avec une animation. -

Syntaxe

+## Syntaxe -
animationEvent = new AnimationEvent(type, {animationName: aPropertyName,
-                                           elapsedTime  : aFloat,
-                                           pseudoElement: aPseudoElementName});
-
+ animationEvent = new AnimationEvent(type, {animationName: aPropertyName, + elapsedTime : aFloat, + pseudoElement: aPseudoElementName}); -

Paramètres

+### Paramètres -

Le constructeur AnimationEvent() constructeur hérite également des arguments de  {{domxref("Event.Event", "Event()")}}.

+*Le constructeur `AnimationEvent()` *constructeur hérite également des arguments de  _{{domxref("Event.Event", "Event()")}}._ -
-
type
-
Un {{domxref("DOMString")}} représentant le nom du type de AnimationEvent. Il est sensible à la casse (majuscule-minuscule) et peut être: 'animationstart', 'animationend', or 'animationiteration'.
-
animationName {{optional_inline}}
-
Un {{domxref("DOMString")}} contenant la valeur de  la propriété associée avec la transition.{{cssxref("animation-name")}} . Prend par défaut "".
-
elapsedTime {{optional_inline}}
-
Un float donne le montant de temps d'une application qui a fonctionné, en secondes, quand l'évenenement est déclenché, excluant le temps de pause des animations. Pour un évènement "animationstart" , elapsedTime est de 0.0 jusqu'a ce qu'il y ai une valeur négative pour une valeur {{cssxref("animation-delay")}}, dans le case où l'évenement est déclenché par elapsedTime contenant (-1 *  délais). SA valeur par défaut vaut 0.0.
-
pseudoElement {{optional_inline}}
-
Is a {{domxref("DOMString")}}, starting with "::", containing the name of the pseudo-element the animation runs on. If the animation doesn't run on a pseudo-element but on the element itself, specify an empty string: "". It defaults to "".
-
+- `type` + - : Un {{domxref("DOMString")}} représentant le nom du type de `AnimationEvent`. Il est sensible à la casse (majuscule-minuscule) et peut être: `'animationstart'`, `'animationend'`, or `'animationiteration'`. +- `animationName` {{optional_inline}} + - : Un {{domxref("DOMString")}} contenant la valeur de  la propriété associée avec la transition.{{cssxref("animation-name")}} . Prend par défaut `""`. +- `elapsedTime` {{optional_inline}} + - : Un `float` donne le montant de temps d'une application qui a fonctionné, en secondes, quand l'évenenement est déclenché, excluant le temps de pause des animations. Pour un évènement `"animationstart"` , `elapsedTime` est de `0.0` jusqu'a ce qu'il y ai une valeur négative pour une valeur {{cssxref("animation-delay")}}, dans le case où l'évenement est déclenché par `elapsedTime` contenant `(-1 * `_délais_`)`. SA valeur par défaut vaut `0.0`. +- `pseudoElement` {{optional_inline}} + - : Is a {{domxref("DOMString")}}, starting with `"::"`, containing the name of the [pseudo-element](/en-US/docs/Web/CSS/Pseudo-elements) the animation runs on. If the animation doesn't run on a pseudo-element but on the element itself, specify an empty string: `""`. It defaults to `""`. -

Return value

+### Return value -

A new {{domxref("AnimationEvent")}}, initialized per any provided options.

+A new {{domxref("AnimationEvent")}}, initialized per any provided options. -

Specifications

+## Specifications - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{ SpecName('CSS3 Animations', '#AnimationEvent-interface', 'AnimationEvent()') }}{{ Spec2('CSS3 Animations')}}Initial definition.
+| Specification | Status | Comment | +| ------------------------------------------------------------------------------------------------------------ | ---------------------------------------- | ------------------- | +| {{ SpecName('CSS3 Animations', '#AnimationEvent-interface', 'AnimationEvent()') }} | {{ Spec2('CSS3 Animations')}} | Initial definition. | -

Browser compatibility

+## Browser compatibility -

{{Compat("api.AnimationEvent.AnimationEvent")}}

+{{Compat("api.AnimationEvent.AnimationEvent")}} -

See also

+## See also - +- [Using CSS animations](/en-US/docs/CSS/Using_CSS_animations) +- Animation-related CSS properties and at-rules: {{cssxref("animation")}}, {{cssxref("animation-delay")}}, {{cssxref("animation-direction")}}, {{cssxref("animation-duration")}}, {{cssxref("animation-fill-mode")}}, {{cssxref("animation-iteration-count")}}, {{cssxref("animation-name")}}, {{cssxref("animation-play-state")}}, {{cssxref("animation-timing-function")}}, {{cssxref("@keyframes")}} +- The {{domxref("AnimationEvent")}} interface it belongs to. diff --git a/files/fr/web/api/animationevent/animationname/index.md b/files/fr/web/api/animationevent/animationname/index.md index c47cf112be..d3ff5d4520 100644 --- a/files/fr/web/api/animationevent/animationname/index.md +++ b/files/fr/web/api/animationevent/animationname/index.md @@ -10,41 +10,26 @@ tags: - Reference translation_of: Web/API/AnimationEvent/animationName --- -

{{SeeCompatTable}}{{ apiref("AnimationEvent") }}

+{{SeeCompatTable}}{{ apiref("AnimationEvent") }} -

La propriété en lecture seule AnimationEvent.animationName est une {{domxref("DOMString")}} contenant la valeur de la propriété CSS {{cssxref("animation-name")}} associée à la transition.

+La propriété en lecture seule **`AnimationEvent.animationName`** est une {{domxref("DOMString")}} contenant la valeur de la propriété CSS {{cssxref("animation-name")}} associée à la transition. -

Syntaxe

+## Syntaxe -
nom = AnimationEvent.animationName
+ nom = AnimationEvent.animationName -

Spécifications

+## Spécifications - - - - - - - - - - - - - - - -
SpécificationStatutCommentaires
{{SpecName('CSS3 Animations', '#AnimationEvent-animationName', 'AnimationEvent.animationName')}}{{Spec2('CSS3 Animations')}}Première définition.
+| Spécification | Statut | Commentaires | +| -------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | -------------------- | +| {{SpecName('CSS3 Animations', '#AnimationEvent-animationName', 'AnimationEvent.animationName')}} | {{Spec2('CSS3 Animations')}} | Première définition. | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("api.AnimationEvent.animationName")}}

+{{Compat("api.AnimationEvent.animationName")}} -

Voir aussi

+## Voir aussi - +- [Utiliser les animations CSS](/fr/docs/CSS/Animations_CSS) +- {{cssxref("animation")}}, {{cssxref("animation-delay")}}, {{cssxref("animation-direction")}}, {{cssxref("animation-duration")}}, {{cssxref("animation-fill-mode")}}, {{cssxref("animation-iteration-count")}}, {{cssxref("animation-name")}}, {{cssxref("animation-play-state")}}, {{cssxref("animation-timing-function")}}, {{cssxref("@keyframes")}}. +- L'interface {{domxref("AnimationEvent")}} à laquelle elle appartient. diff --git a/files/fr/web/api/animationevent/elapsedtime/index.md b/files/fr/web/api/animationevent/elapsedtime/index.md index 2b5dcaeece..fa48fdb4e1 100644 --- a/files/fr/web/api/animationevent/elapsedtime/index.md +++ b/files/fr/web/api/animationevent/elapsedtime/index.md @@ -10,43 +10,28 @@ tags: - Reference translation_of: Web/API/AnimationEvent/elapsedTime --- -

{{SeeCompatTable}}{{ apiref("AnimationEvent") }}

+{{SeeCompatTable}}{{ apiref("AnimationEvent") }} -

Résumé

+## Résumé -

La propriété en lecture seule AnimationEvent.elapsedTime est un float indiquant la quantité de temps pendant laquelle l'animation a tournée, en secondes, quand l'évènement a été déclenché, excluant tout temps où l'animation était en pause. Pour un évènement "animationstart", elapsedTime est 0.0 sauf si {{cssxref("animation-delay")}} a une valeur négative, dans ce cas l'évènement est déclenché avec elapsedTime contenant (-1 * délai).

+La propriété en lecture seule **`AnimationEvent.elapsedTime`** est un `float` indiquant la quantité de temps pendant laquelle l'animation a tournée, en secondes, quand l'évènement a été déclenché, excluant tout temps où l'animation était en pause. Pour un évènement ` "animationstart", ``elapsedTime` est `0.0` sauf si {{cssxref("animation-delay")}} a une valeur négative, dans ce cas l'évènement est déclenché avec `elapsedTime `contenant `(-1 * `_délai_`)`. -

Syntaxe

+## Syntaxe -
temps = AnimationEvent.elapsedTime
+ temps = AnimationEvent.elapsedTime -

Spécifications

+## Spécifications - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{ SpecName('CSS3 Animations', '#AnimationEvent-elapsedTime', 'AnimationEvent.elapsedTime') }}{{ Spec2('CSS3 Animations')}}Première définition
+| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | ------------------- | +| {{ SpecName('CSS3 Animations', '#AnimationEvent-elapsedTime', 'AnimationEvent.elapsedTime') }} | {{ Spec2('CSS3 Animations')}} | Première définition | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("api.AnimationEvent.elapsedTime")}}

+{{Compat("api.AnimationEvent.elapsedTime")}} -

Voir aussi

+## Voir aussi - +- [Utiliser les animations CSS](/fr/docs/CSS/Animations_CSS) +- Propriétés CSS et règles @ en relations avec les animations CSS: {{cssxref("animation")}}, {{cssxref("animation-delay")}}, {{cssxref("animation-direction")}}, {{cssxref("animation-duration")}}, {{cssxref("animation-fill-mode")}}, {{cssxref("animation-iteration-count")}}, {{cssxref("animation-name")}}, {{cssxref("animation-play-state")}}, {{cssxref("animation-timing-function")}}, {{cssxref("@keyframes")}}. +- L'interface {{domxref("AnimationEvent")}} à laquelle elle appartient. diff --git a/files/fr/web/api/animationevent/index.md b/files/fr/web/api/animationevent/index.md index 9b24b82be1..a576a5d556 100644 --- a/files/fr/web/api/animationevent/index.md +++ b/files/fr/web/api/animationevent/index.md @@ -9,70 +9,46 @@ tags: - Web Animations translation_of: Web/API/AnimationEvent --- -

{{SeeCompatTable}}{{APIRef("Web Animations API")}}

+{{SeeCompatTable}}{{APIRef("Web Animations API")}} -

L'interface AnimationEvent représentent les évènements apportant des informations sur les animations CSS.

+L'interface **`AnimationEvent`** représentent les évènements apportant des informations sur les [animations CSS](/fr/docs/CSS/Animations_CSS). -

{{InheritanceDiagram}}

+{{InheritanceDiagram}} -
-
+## Constructeur -

Constructeur

+- {{domxref("AnimationEvent.AnimationEvent", "AnimationEvent()")}} + - : Créer un évènement AnimationEvent avec les paramètres spécifiés. -
-
{{domxref("AnimationEvent.AnimationEvent", "AnimationEvent()")}}
-
Créer un évènement AnimationEvent avec les paramètres spécifiés.
-
+## Propriétés -

Propriétés

+_Hérite également des propriétés de son parent {{domxref("Event")}}._ -

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

+- {{domxref("AnimationEvent.animationName")}} {{readonlyInline}} + - : Est une {{domxref("DOMString")}} contenant la valeur de la propriété CSS {{cssxref("animation-name")}} associée à la transition. +- {{domxref("AnimationEvent.elapsedTime")}} {{readonlyInline}} + - : Est un nombre à virgule flottante, donnant le temps pendant lequel l'animation s'est déroulée, en secondes, quand l'évènement est déclenché, en excluant tous les temps de pause de l'animation. Pour un évènement `animationstart`, `elapsedTime` est à 0.0 sauf si {{cssxref("animation-delay")}} a une valeur négative. Dans ce cas, l'évènement sera déclenché avec `elapsedTime` contenant (-1 \* la valeur de `animation-delay`). +- {{domxref("AnimationEvent.pseudoElement")}} {{readonlyInline}} + - : est une {{domxref("DOMString")}}, démarrant avec '::', contenant le nom du pseudo-élément où l'animation se déroule. Si l'animation ne se déroule pas sur un pseudo-élément, mais sur un élément, la chaîne de caractères sera vide. -
-
{{domxref("AnimationEvent.animationName")}} {{readonlyInline}}
-
Est une {{domxref("DOMString")}} contenant la valeur de la propriété CSS {{cssxref("animation-name")}} associée à la transition.
-
{{domxref("AnimationEvent.elapsedTime")}} {{readonlyInline}}
-
Est un nombre à virgule flottante, donnant le temps pendant lequel l'animation s'est déroulée, en secondes, quand l'évènement est déclenché, en excluant tous les temps de pause de l'animation. Pour un évènement animationstart, elapsedTime est à 0.0 sauf si {{cssxref("animation-delay")}} a une valeur négative. Dans ce cas, l'évènement sera déclenché avec elapsedTime contenant (-1 * la valeur de animation-delay).
-
{{domxref("AnimationEvent.pseudoElement")}} {{readonlyInline}}
-
est une {{domxref("DOMString")}}, démarrant avec '::', contenant le nom du pseudo-élément où l'animation se déroule. Si l'animation ne se déroule pas sur un pseudo-élément, mais sur un élément, la chaîne de caractères sera vide.
-
+## Méthodes -

Méthodes

+_Hérite également des propriétés de son parent {{domxref("Event")}}._ -

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

+- {{domxref("AnimationEvent.initAnimationEvent()")}} {{non-standard_inline}}{{deprecated_inline}} + - : Initialise un AnimationEvent créé avec la méthode obsolète {{domxref("Document.createEvent()", "Document.createEvent(\"AnimationEvent\")")}}. -
-
{{domxref("AnimationEvent.initAnimationEvent()")}} {{non-standard_inline}}{{deprecated_inline}}
-
Initialise un AnimationEvent créé avec la méthode obsolète {{domxref("Document.createEvent()", "Document.createEvent(\"AnimationEvent\")")}}.
-
+## Spécifications -

Spécifications

+| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------------------ | ---------------------------------------- | -------------------- | +| {{ SpecName('CSS3 Animations', '#AnimationEvent-interface', 'AnimationEvent') }} | {{ Spec2('CSS3 Animations') }} | Première définition. | - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{ SpecName('CSS3 Animations', '#AnimationEvent-interface', 'AnimationEvent') }}{{ Spec2('CSS3 Animations') }}Première définition.
+## Compatibilité des navigateurs -

Compatibilité des navigateurs

+{{Compat("api.AnimationEvent")}} -

{{Compat("api.AnimationEvent")}}

+## Voir également -

Voir également

- - +- [Utiliser les animations CSS](/fr/docs/CSS/Animations_CSS) +- {{cssxref("animation")}}, {{cssxref("animation-delay")}}, {{cssxref("animation-direction")}}, {{cssxref("animation-duration")}}, {{cssxref("animation-fill-mode")}}, {{cssxref("animation-iteration-count")}}, {{cssxref("animation-name")}}, {{cssxref("animation-play-state")}}, {{cssxref("animation-timing-function")}}, {{cssxref("@keyframes")}}. diff --git a/files/fr/web/api/animationevent/pseudoelement/index.md b/files/fr/web/api/animationevent/pseudoelement/index.md index 9bee1cda03..1799a5b9da 100644 --- a/files/fr/web/api/animationevent/pseudoelement/index.md +++ b/files/fr/web/api/animationevent/pseudoelement/index.md @@ -9,40 +9,26 @@ tags: - Reference translation_of: Web/API/AnimationEvent/pseudoElement --- -

{{SeeCompatTable}}{{ apiref("AnimationEvent") }}

- -

La propriété en lecture seule AnimationEvent.pseudoElement est une {{domxref("DOMString")}}, commençant par '::', contenant le nom du pseudo-élément sur lequel tourne l'animation. Si l'animation ne tourne pas sur un pseudo-élément, mais sur un élément, c'est une chaîne de caractère vide : ''.

- -

Syntaxe

- -
nom = AnimationEvent.pseudoElement
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{ SpecName('CSS3 Animations', '#AnimationEvent-pseudoElement', 'AnimationEvent.pseudoElement') }}{{ Spec2('CSS3 Animations')}}Définition initiale.
-

Compatibilité des navigateurs

- -

{{Compat("api.AnimationEvent.pseudoElement")}}

- -

Voir également

- - +{{SeeCompatTable}}{{ apiref("AnimationEvent") }} + +La propriété en lecture seule **`AnimationEvent.pseudoElement`** est une {{domxref("DOMString")}}, commençant par `'::'`, contenant le nom du [pseudo-élément](/fr/docs/CSS/Pseudo-éléments) sur lequel tourne l'animation. Si l'animation ne tourne pas sur un pseudo-élément, mais sur un élément, c'est une chaîne de caractère vide : ` ''``. ` + +## Syntaxe + + nom = AnimationEvent.pseudoElement + +## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------- | -------------------- | +| {{ SpecName('CSS3 Animations', '#AnimationEvent-pseudoElement', 'AnimationEvent.pseudoElement') }} | {{ Spec2('CSS3 Animations')}} | Définition initiale. | + +## Compatibilité des navigateurs + +{{Compat("api.AnimationEvent.pseudoElement")}} + +## Voir également + +- [Utiliser les animations CSS](/fr/docs/CSS/Animations_CSS) +- Propriétés et règles @ en relation avec les animations CSS : {{cssxref("animation")}}, {{cssxref("animation-delay")}}, {{cssxref("animation-direction")}}, {{cssxref("animation-duration")}}, {{cssxref("animation-fill-mode")}}, {{cssxref("animation-iteration-count")}}, {{cssxref("animation-name")}}, {{cssxref("animation-play-state")}}, {{cssxref("animation-timing-function")}}, {{cssxref("@keyframes")}}. +- L'interface {{domxref("AnimationEvent")}} à laquelle elle est rattachée. -- cgit v1.2.3-54-g00ecf