Class AnimationEvent

Namespace

CSharpToJavaScript.APIs.JS

Assembly

CSharpToJavaScript.dll

The AnimationEvent interface represents events providing information related to animations.

[Value("AnimationEvent")]
public class AnimationEvent : Event

Inheritance

object

Event

AnimationEvent

Inherited Members

Event.NONE

Event.CAPTURING_PHASE

Event.AT_TARGET

Event.BUBBLING_PHASE

Event.ComposedPath()

Event.StopPropagation()

Event.StopImmediatePropagation()

Event.PreventDefault()

Event.InitEvent(string, bool, bool)

Event.Type

Event.Target

Event.SrcElement

Event.CurrentTarget

Event.EventPhase

Event.CancelBubble

Event.Bubbles

Event.Cancelable

Event.ReturnValue

Event.DefaultPrevented

Event.Composed

Event.IsTrusted

Event.TimeStamp

object.GetType()

object.MemberwiseClone()

object.ToString()

object.Equals(object)

object.Equals(object, object)

object.ReferenceEquals(object, object)

object.GetHashCode()

Remarks

-Using CSS animations
-Animation-related CSS properties and at-rules: animation, animation-composition, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, @keyframes.

See also on MDN

Constructors

AnimationEvent()

public AnimationEvent()

AnimationEvent(string, AnimationEventInit)

The AnimationEvent() constructor returns a new AnimationEvent object, representing an event in relation with an animation.

public AnimationEvent(string type, AnimationEventInit animationEventInitDict = null)

Parameters

type string

animationEventInitDict AnimationEventInit

Remarks

-Using CSS animations
-Animation-related CSS properties and at-rules: animation,
animation-delay, animation-direction,
animation-duration, animation-fill-mode,
animation-iteration-count, animation-name,
animation-play-state, animation-timing-function,
@keyframes
-The AnimationEvent interface it belongs to.

See also on MDN

Properties

AnimationName

The AnimationEvent.animationName read-only property is a
string containing the value of the animation-name CSS
property associated with the transition.

[Value("animationName")]
public string AnimationName { get; }

Property Value

string

A string containing the value of the animation-name CSS property.

Remarks

-Using CSS animations
-Animation-related CSS properties and at-rules: animation,
animation-delay, animation-direction,
animation-duration, animation-fill-mode,
animation-iteration-count, animation-name,
animation-play-state, animation-timing-function,
@keyframes.
-The AnimationEvent interface it belongs to.

See also on MDN

ElapsedTime

The AnimationEvent.elapsedTime read-only property is a
float giving the amount of time the animation has been running, in seconds,
when this event fired, excluding any time the animation was paused. For an
Elementanimationstart event,
elapsedTime is 0.0 unless there was a negative value for
animation-delay, in which case the event will be fired with
elapsedTime containing (-1 * delay).

[Value("elapsedTime")]
public Number ElapsedTime { get; }

Property Value

Number

A float giving the amount of time in seconds.

Remarks

-Using CSS animations
-Animation-related CSS properties and at-rules: animation,
animation-delay, animation-direction,
animation-duration, animation-fill-mode,
animation-iteration-count, animation-name,
animation-play-state, animation-timing-function,
@keyframes.
-The AnimationEvent interface it belongs to.

See also on MDN

PseudoElement

The AnimationEvent.pseudoElement read-only property is a
string, 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, an empty string: ''.

[Value("pseudoElement")]
public string PseudoElement { get; }

Property Value

string

A string, starting with '::', containing the name of the pseudo-element the animation runs on.

Remarks

-Using CSS animations
-Animation-related CSS properties and at-rules: animation,
animation-delay, animation-direction,
animation-duration, animation-fill-mode,
animation-iteration-count, animation-name,
animation-play-state, animation-timing-function,
@keyframes.
-The AnimationEvent interface it belongs to.

See also on MDN